html to json - jquery

http://stackoverflow.com/questions/18260831/jquery-parsing-html-into-json

HTML

<table>
    <tr>
        <td rowspan="3">Brakes</td>
        <td class="service-title">BRAKES SET</td>
        <td class="service-description"><p>Setting of front and rear brakes for proper functioning (excluding bleeding)</p></td>
        <td class="service-price">R <span id="price-brakes-set">R75</span><div id="select-brakes-set" class="select-service selected"></div>
        </td>
        <td><button id="book-a-service">Click me</button></td>
    </tr>
</table>

JavaScript

jQuery('#book-a-service').click(function(){
    var selected = jQuery('.selected');
    selected.each( function() {
        var children = jQuery(this).parent().parent().find('td');
        var json = {};
        console.log(children);
        json.type = jQuery(children[0]).text();
        json.title = jQuery(children[1]).text();
        json.description = jQuery(children[2]).find('p').text();
        json.price = jQuery(children[3]).find('span#price-brakes-set').text();
        console.log(json);
        console.log(JSON.stringify(json));
    });
});