title: jQuery "Each" function values
body: <p>So, I have the original AJAX function:</p>
  
  <pre><code>dataType: 'json',
  data : { action: something , id: id}, 
  success: function(data) {
      var my_title= data.title; // values: "post1,post2,post3"      
      var my_name = data.name;  // values: "steve,mike,sean"
      var my_html ='&lt;div class="'+ my_title +'"&gt;'+ my_name +'&lt;/div&gt;' 
      jQuery('.my_class').append(my_html); 
  }
  </code></pre>
  
  <p>So, I have two variables (<code>my_titles</code> and <code>my_name</code>) each with 3 values (<code>n</code> number values).</p>
  
  <p>Then, I want to use these individual values for <code>my_html</code> variable and append them in the <code>.my_class</code>.</p>
  
  <p>The result will be as follow:</p>
  
  <pre><code> &lt;div class="my_class"&gt;
      &lt;div class="post1"&gt;Steve&lt;/div&gt;
      &lt;div class="post2"&gt;mike&lt;/div&gt;
      &lt;div class="post3"&gt;sean&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>So, I tried to edit my AJAX function as below:</p>
  
  <pre><code>dataType: 'json',
  data : { action: something , id: id}, 
  success: function(data) {
     jQuery.each(data,function (i,n){     
          var my_title= n.title;
          var my_name = n.name;               
          alert("Title:" + my_title);             
      });
  }
  </code></pre>
  
  <p>I am getting <code>undefined</code> as the result.</p>
  
  <p>Any help? thanks!</p>