title: Issue while converting HTML to JSON
body: <p>I have a div which contains this:</p>
  
  <pre><code>&lt;div id="hidLocsJsonForAutoComplete" style="display:none;"&gt;[{"id":1,"desc":"Amazon","name":"amazon"},{"id":2,"desc":"Apple Bees","name":"applebees"},{"id":3,"desc":"Babys r Us","name":"babysrus"},{"id":4,"desc":"Costco","name":"costco"},{"id":5,"desc":"Concord Produce","name":"concordproduce"},{"id":6,"desc":"Grocery Outlet","name":"groceryoutlet"},{"id":7,"desc":"New India Bazar","name":"newindiabazar"},{"id":8,"desc":"SubWay","name":"subway"},{"id":9,"desc":"Walmart","name":"walmart"}]&lt;/div&gt;
  </code></pre>
  
  <p>and then in the script section I have this</p>
  
  <pre><code>var jsonLocs = $('#hidLocsJsonForAutoComplete').html();
  </code></pre>
  
  <p>Now, jsonLocs[0] is returning </p>
  
  <pre><code>[
  </code></pre>
  
  <p>instead of </p>
  
  <pre><code>{"id":1,"desc":"Amazon","name":"amazon"}
  </code></pre>
  
  <p>I understand jsonLocs is considered as string. But how do I get the the first Json object in this array ?</p>