title: Jquery parse JSON data
body: <p>I've got this JSON data coming back from my webservice.</p>
  
  <p>How can I loop thru each line and append to a <code>&lt;ul&gt;</code>?</p>
  
  <p>I've got the code below, but it does'nt seem to quite work. Thanks.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          $(document).ready(function() {
              $('a#pop-video-link').click( function(e){
                  // window.alert("test");
                  var htm = "";
                  // htm = $('ul.ad-thumb-list').html(htm);
                  $("ul.ad-thumb-list li").remove();
                  e.preventDefault();
                  var src = $(this).attr('title');
                  getResults(src);
  
               function getResults(str) {
                 $.ajax({
                          type: "POST",
                          async: false,
                          contentType: "application/x-www-form-urlencoded",
                          dataType: "json",
                          data: 'data=' + str,
                          url: '/base/MyApi/MyPostFunction',
                          success: function(data){
                          var myData = JSON.parse(jsonString2);
                          var $grouplist = $('#groups');
                           $.each(myData, function() {
                            $('&lt;li&gt;&lt;a href="'+ this.url +'"/&gt;&lt;img src="'+ this.src + '" class="image0"/&gt;&lt;/li&gt;').appendTo($grouplist);
                           });
                          }
                 });
                        }
               });
              }); 
               &lt;/script&gt;
  </code></pre>
  
  <p>JSON Data trying to parse:</p>
  
  <pre><code>&lt;value&gt;[{"url":"/media/22.jpg","src":"/media/429.jpg"},{"url":"/media/44.jpg","src":"/media/55.jpg"},{"url":"/media/22.jpg","src":"/media/33.jpg"}]&lt;/value&gt;
  </code></pre>