title: jQuery "Each" function for values
body: <p><strong>EDIT:</strong></p>
  
  <p>So, I have following ajax result:</p>
  
  <pre><code>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>Any suggestions to how to achieve this?</p>
  
  <p>Thanks</p>