title: parseJSON error (jQuery 1.7.2)
body: <p>I am attempting to parse a JSON object located on another page on my website. The page is a hosted ecommerce platform, so I don't have server side access or control over certain elements on page.</p>
  
  <p>I have some code that i'm using that is returning a strange error. I've tested this snippet (with a different URL of course) on another site running the same platform and it does it fact work. </p>
  
  <p>website: <a href="http://www.falcontechjax.com" rel="nofollow">http://www.falcontechjax.com</a></p>
  
  <pre><code>$.get('no-risk-diagnostic-2.aspx', function(data) {
  var prodImgDetail = $.parseJSON($(data).find("#imginfo").html());
  console.log(prodImgDetail);
  });
  </code></pre>
  
  <p>On that page, there is a div container with the id "imginfo, that contains a JSON object.</p>
  
  <pre><code>&lt;div id="imginfo" style="display:none;"&gt;{gallery : [{thumbnail : '/images/products/thumb/pipe.jpg', display : '/images/products/display/pipe.jpg', detailed : '/images/products/detail/pipe.jpg', alt : '', title : '' },{thumbnail : '/images/products/thumb/logo_printres1.jpg', display : '/images/products/display/logo_printres1.jpg', detailed : '/images/products/detail/logo_printres1.jpg', alt : 'PC Computer Diagnostic &amp;amp; Repair in Jacksonville FL', title : '' }],active : {thumbnail : '/images/products/thumb/pipe.jpg', display : '/images/products/display/pipe.jpg', detailed : '/images/products/detail/pipe.jpg', alt : '', title : '' }}&lt;/div&gt;
  </code></pre>
  
  <p>The error I get when I run it is:</p>
  
  <pre><code>Uncaught SyntaxError: Unexpected token g jquery-1.7.2.min.js
  </code></pre>
  
  <h3>update</h3>
  
  <p>Just to advise everyone, there is a version of this setup which works on another site on the same platform as mine:</p>
  
  <p>Site: www.allvintagegames.com</p>
  
  <pre><code>$.get( "nes-adventures-of-bayou-billy.aspx", function( data ) {
          var imgThumb, imgDisplay, imgDetailed, imgAlt, imgTitle;
          var mycrap = $.parseJSON($(data).find("#imginfo").html());   
          //img information
          $.each(mycrap.gallery, function(i, object) {
                 //alert(object);
                 imgThumb = object.thumbnail;
                 imgDisplay = object.display;
                 imgDetailed = object.detailed;
                 imgAlt = object.alt;
                 imgTitle = object.title;
          });
          //product information
          var prodinf = $.parseJSON($(data).find("#iteminfo").html());
                 var infoLowprice = prodinf.lowprice;
                 var infoId = prodinf.id;
                 var infoName = prodinf.name;
                 var infoCaption = prodinf.caption;
                 var infoPrice = prodinf.price;
                 var infoSaleprice = prodinf.saleprice;
                 var infoCode = prodinf.code;
                 var infoOrderable = prodinf.orderable;                
                 $("body").append("&lt;img src='"+imgThumb+"' /&gt;");
                 $("body").append("&lt;img src='"+imgDisplay+"' /&gt;");
                 $("body").append("&lt;img src='"+imgDetailed+"' /&gt;");
                 $("body").append("&lt;br /&gt;");
                 $("body").append(infoLowprice + "&lt;br/&gt;");
                 $("body").append(infoId + "&lt;br/&gt;");
                 $("body").append(infoName + "&lt;br/&gt;");
                 $("body").append(infoCaption + "&lt;br/&gt;");
                 $("body").append(infoPrice + "&lt;br/&gt;");
                 $("body").append(infoSaleprice + "&lt;br/&gt;");
                 $("body").append(infoCode + "&lt;br/&gt;");
                 $("body").append(infoOrderable + "&lt;br/&gt;");
  });
  </code></pre>
  
  <p>This last example includes another object (#iteminfo contents) which is reference on the applicable page, just under the #imginfo div. </p>
  
  <p>Any help figuring this out would be most appreciated!</p>