title: Append only for first element
body: <pre><code>&lt;table id="table" border="1"&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;table border="1"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;aaa&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;table border="1"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;bbb&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;table border="1"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;ccc&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;span id="append"&gt;append&lt;/span&gt;   
  
  $('#append').click(function(){
     $('table#table tr').append('&lt;tr&gt;&lt;td&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;ddd&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/tr&gt;');
  })
  </code></pre>
  
  <p>How can I use jQuery's append function on only the first element?  When I use append here, it appends all subtables.  I would only like to append the first subtable.  I tried with the <code>&gt;</code> selector, but it is not working.  How can I achieve this effect?</p>
  
  <p><a href="http://jsfiddle.net/R3QXS/" rel="nofollow">LIVE DEMO</a></p>