title: Displaying 30 Instagram Images of certain tag of certain userID
body: <p>I have an Instagram API call that requests images tagged with CrookedSpaces, when those images return I am filtering the data making sure that only images from a certain user (using their userID), the code follows:</p>
  
  <pre><code>$(function() {
  $.ajax({
      type: "GET",
      dataType: "jsonp",
      cache: false,
      url: "https://api.instagram.com/v1/tags/crookedspaces/media/recent/?count=100&amp;access_token=TOKEN",
      success: function(data) {
          for (var i = 0; i &lt; 31; i++) {
              var igUID = data.data[i].user.id;
              if(igUID === "USER ID") {
                  $(".instagram").append("\
                      &lt;div class='instagram-feed'&gt;\
                          &lt;img class='instagram-image' src='" + data.data[i].images.standard_resolution.url +"' width='325px' alt='" + data.data[i].user.id + " " + igUID + "' onMouseOver=\"toggle_visibility('igImageHover" + i + "');\"/&gt;\
                              &lt;div class='igHover' id='igImageHover" + i + "' onMouseOut=\"toggle_visibility('igImageHover" + i + "');\"&gt;\
                              &lt;div class='igHover2'&gt;\
                                  SMALL TEST!\
                              &lt;/div /&gt;\
                              &lt;/div&gt;\
                      &lt;/div&gt;\
                  ");
              } else {
                      console.log("Else portion of code ran " + elseCount + " time(s).");
                      ++elseCount;
                  }
          }                
      }
  });
  });
  </code></pre>
  
  <p>However, I am only able to display 27 images because there are 4 images not posted by that specific userID. Is there some way to force the for loop to not increment? Or to subtract 1 from i without sending the code into an infinite loop?</p>
  
  <p>Here is the JSFiddle -- <a href="http://jsfiddle.net/UQcZP/" rel="nofollow">http://jsfiddle.net/UQcZP/</a></p>