title: How to insert new element to 'this' child element Jquery?
body: <p>I have nested for loop. The first is for getting questions and answer from XML file, and the inner loop is to add sub questions that belong to the head question... 
  my code:</p>
  
  <pre><code>  for (var i = 0 ; i &lt; size; i++) {
          var question = xml.find('row').eq(i).find('question').text();
          var sizeQ = xml.find('row').eq(i).find('question_down').size();
          var answer = xml.find('row').eq(i).find('answer').text
          $('.faq_row').append(" &lt;div class='faq_details'&gt; &lt;li class='faq_quest' &gt; &lt;a class='faq_row_question'&gt;" + question +
              "&lt;div class='faq_triangle_down'&gt; &lt;/div&gt;&lt;/a&gt; &lt;div class='faq_inside_question'&gt; &lt;p class='faq_answer'&gt;" + answer + "&lt;/p&gt; &lt;div class='faq_sub_questions'&gt; &lt;/div&gt; &lt;/div&gt; &lt;/li&gt; &lt;/div&gt; &lt;br&gt;"); //here i get question and answer for the question
  
          for (var j = 0; j &lt; sizeQ; j++) {
              var subquestion = xml.find('row').eq(i).find('question_down').eq(j).text();
              $('.faq_sub_questions').append("&lt;a class = 'faq_sub_question_link'&gt;" + subquestion + "&lt;/a&gt; &lt;br class='faq_br'&gt;"); // here i get all sub questions
  
          }
      }
  </code></pre>
  
  <p>My problem is that the all sub questions write to the same class "faq_sub_questions", in the first question I see all the sub questions that in the XML file,
  i want to add for each question is own sub questions...
  any suggest?</p>