title: jquery instagram
body: <p>using the following code---</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
  
  $(function() {
  
  $.ajax({
      type: "GET",
      dataType: "jsonp",
      cache: false,
      url: "https://api.instagram.com/v1/media/131324529876654234_1491525?client_id=afd15cca7d664a1c964d54bac0488b93",
      success: function(data) {
          for (var i = 0; i &lt; 1; i++) {
              $("#pics").append("&lt;img src='" + data.data[i].images.thumbnail.url + "'&gt;&lt;/img&gt;");
          }
      }
  });
  });
  
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="pics"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>I want to get an image to show up based on the id I pass in the api. For some reason it doesn't work. any one can tell me what im doing wrong?</p>
  
  <p>thanks</p>