title: jQuery parsing JSON from a div
body: <p>I'm a beginner at jQuery and I'm trying to parse JSON data <strong>from a div</strong> using the <code>$.getJSON</code> function but it isn't working. Can you show me how can I do this? Here is the code I'm using:</p>
  
  <pre><code>&lt;div id="json"&gt;
     {"data":[
       {"a":"b"},
       {"a":"c"}
     ]}
  &lt;/div&gt;
  
  &lt;script&gt;
  $(document).ready(function() { 
      $.getJSON( $("#json").html() , function(json) {
          $.each(json.data, function(index, value) { $('.data').append(value.a+'&lt;br /&gt;'); } );
      });
  });
  &lt;/script&gt;
  
  &lt;div class="data"&gt;&lt;/div&gt;
  </code></pre>