title: jQuery parsing html into JSON
body: <p>I am currently using the following code:</p>
  
  <pre><code>jQuery('#book-a-service').click(function(){
   var selectedServices = jQuery('.selected').parent().parent().html();       
   console.log(selectedServices);
  });
  </code></pre>
  
  <p>and that returns:</p>
  
  <pre><code>&lt;td rowspan="3"&gt;Brakes&lt;/td&gt;
    &lt;td class="service-title"&gt;BRAKES SET&lt;/td&gt;
    &lt;td class="service-description"&gt;&lt;p&gt;Setting of front and rear brakes for proper functioning (excluding bleeding)&lt;/p&gt;&lt;/td&gt;
    &lt;td class="service-price"&gt;R &lt;span id="price-brakes-set"&gt;R75&lt;/span&gt;&lt;div id="select-brakes-set" class="select-service selected"&gt;&lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>which is what i want, except i need an array of all the elements with '.selected' class in JSON.. i just want to know how i could almost parse it in a way that i only get the contents of the td tags and as for the "service-price" only the numeric value and then how would i insert those values into a json object?</p>
  
  <p>Any Help Greatly Appreciated..</p>