title: JQuery. Ajax request for each row in table
body: <p>I tried do Ajax request for each row in table, but i can't achieve the desired result</p>
  
  <p>Table:</p>
  
  <pre><code>&lt;table&gt;
          &lt;tr class="data"&gt;
              &lt;td class="editable"&gt;
                  &lt;a class="refresh btn btn-large" class="page"&gt;
                      Col one
                  &lt;/a&gt;
              &lt;/td&gt;
              &lt;td class="editable"&gt;
                  &lt;a href="#" data-pk="10" id="query" class="query"&gt;
                      Col two
                  &lt;/a&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="data"&gt;
              &lt;td class="editable"&gt;
                  &lt;a class="refresh btn btn-large" class="page"&gt;
                      Col one 1
                  &lt;/a&gt;
              &lt;/td&gt;
              &lt;td class="editable"&gt;
                  &lt;a href="#" data-pk="10" id="query" class="query"&gt;
                      Col two 1
                  &lt;/a&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Ajax Request</p>
  
  <pre><code>$("#detect_rel").click(function(){
      $('.data').each(function(i, el) {
           var query   = $(el).children('.editable').children('.query').text();
          var page    = $(el).children('.editable').children('.page').text();
  
          $.ajax({
              url: 'wordstat/ajax?query='+query+'&amp;page='+page,
              success: function(data){
                  $(el).children('.editable').children('.relevantnost').html(data)
              }
          });
      });
  });
  </code></pre>
  
  <p>My problem: 
  All ajax requests are sent at the one time, but i need do pause between requests.</p>
  
  <p>P.s. About attribute "id" in tags: i should use it cuz of "Bootstrap X Editor"</p>