title: jQuery slider from json feed
body: <p>I am trying to create a slider that will display daily specials for a restaurant. I have a json (or xml) feed that I grab the data from (its from wordpress). I'm able to get the data into an array and log it to the console but I can't figure out how to loop over the array and display the content one by one. </p>
  
  <p>This is the script:</p>
  
  <pre><code>var content = new Array();
  $.getJSON("http://riverdalecornercafe.com/wp/category/isd/feed/json", function(data) {
      $.each(data, function(i, item) {
          content.push(item.content);
      });
  console.log(content[0]);
  });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>    &lt;div class="main"&gt;
          &lt;div class="title"&gt;&lt;/div&gt;
          &lt;div class="content"&gt;&lt;/div&gt;
      &lt;/div&gt; 
  </code></pre>