title: Jquery add table row after the row which calling the jquery
body: <p>I've got a <code>table</code>.</p>
  
  <pre><code>&lt;table id="servers" ...&gt;
  ...
  {section name=i loop=$ownsites}
  &lt;tr id="site_id_{$ownsites[i].id}"&gt;
  ...
  &lt;td&gt;{$ownsites[i].phone}&lt;/td&gt;
  &lt;td class="icon"&gt;&lt;a id="{$ownsites[i].id}" onClick="return makedeleterow(this.getAttribute('id'));" ...&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;       
  {/section}
  &lt;tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And this JavaScript.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function makedeleterow(id)
      {
          $('#delete').remove();
          $('#servers').append($(document.createElement("tr")).attr({id: "delete"}));
          $('#delete').append($(document.createElement("td")).attr({colspan: "9", id: "deleter"}));
          $('#deleter').text('Biztosan törölni szeretnéd ezt a weblapod?');
          $('#deleter').append($(document.createElement("input")).attr({type: "submit", id: id, onClick: "return truedeleterow(this.getAttribute('id'))"}));
          $('#deleter').append($(document.createElement("input")).attr({type: "hidden", name: "website_del", value: id}));
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>It's working fine, it makes a <code>tr</code> after the <code>table</code>'s last <code>tr</code> and puts the info to it, and the delete function also works fine.</p>
  
  <p>But I'd like to make this append <strong><em>AFTER</em></strong> the <code>tr</code> (with <code>td</code> <code>class="icon"</code>) which is calling the script. How can I do this?</p>