title: jquery .ajax (or .eval) problem in IE
body: <p>Hopefully someone can shed some light onto this issue for me.</p>
  
  <p>I have a little APP (http://www.bentinckfencing.co.uk/fence_calculator.php)</p>
  
  <p>I have a php file that sends a JSON encoded string back.</p>
  
  <p>Im using <code>jQuery</code> to retrieve this string with the <code>.ajax()</code> function. After I have the JSON string, I am then using <code>eval()</code> in this manner</p>
  
  <pre><code>$.ajax({
     type: "POST",
     url: "ajax-test.php",
     cache: false,
     data: "choice=34",
     success: function(data){
  
         var myObject = eval('(' + data + ')');
  
         //Now I set lots of variables in this manner and use them later in the script
  
         var productName  = myObject[0]['name'];
         var productPrice = myObject[0]['price'];                                     
         var productID    = myObject[0]['id'];
  
          }
     });
  </code></pre>
  
  <p>As always, this works well in all browsers except IE which is throwing the error <code>object doesn't support this property or method</code></p>
  
  <p>I just can't think where I'm going wrong.. If anyone has time to help, or even to check out my app, I'm be most helpful :)</p>
  
  <p><code>edit</code>
  I've found that the Ajax call is successfully retrieving the data in IE. It's string like this <code>[{"name":" 12 inch Rock Face Gravel Board","ID":"106","price":"7.00"},{"name":" 12 inch Double Sided Gravel Board","ID":"108","price":"10.50"},{"name":" 12 inch Smooth Gravel Boards","ID":"109","price":"7.00"}]</code></p>
  
  <p>So now my issue is down to how I handle the data now that JS has it... Any ideas would be great :) </p>