title: jQuery Parse JSON Array
body: <p>OK so this is driving me insane.. 
  I'm attempting to parse JSON from a web method into a <code>&lt;ul&gt;</code>, here's what I've got:</p>
  
  <pre><code>function searchPostcode() {
      var search = $("#txtPostcode").attr("value");
      //alert(search);
      $.ajax({
          type: "POST",
          url: "DeliverySettings.aspx/getDeliveryInfoForPostcode",
          contentType: "application/json; charset=utf-8",
          data: "{'postcode':'" + search + "'}",
          dataType: "json",
          success: AjaxSucceeded,
          error: AjaxFailed
      });
  
      function AjaxSucceeded(result) {
          var items = [];
  
          $.each(eval(result), function (key, val) {
              items.push('&lt;li id="' + key + '"&gt;' + val + '&lt;/li&gt;');
          });
  
          $('&lt;ul/&gt;', {
              'class': 'my-new-list',
              html: items.join('')
          }).appendTo('jsonresults');
  
      }
      function AjaxFailed(result) {
          alert(result.status + ' ' + result.statusText);
      }
  }
  </code></pre>
  
  <p>And here's a sample of the JSON returned from the WebMethod:</p>
  
  <pre><code>[{"Name":"Full Pallet","Price":"90.0000"},{"Name":"Half Pallet","Price":"60.0000"},{"Name":"Quarter Pallet","Price":"40.0000"},{"Name":"Small Parcel","Price":"30.0000"},{"Name":"Medium Parcel","Price":"20.0000"},{"Name":"Large Parcel","Price":"10.0000"}]
  </code></pre>
  
  <p>I've tried with and without the <code>eval</code> to no avail, I just cant get into a list... Please help! :)</p>