title: Jquery insert an image to a HTML table
body: <p>I want to use jQuery to insert an image after a certain row of a HTML table. I tried to use the appendTo function, but it did not work. I guess its something wrong with my jQuery selector. Can anyone correct my code?</p>
  
  <p>Thanks!</p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div class="articles"&gt;
  &lt;table align="center"&gt;
  &lt;tr&gt;&lt;th&gt;&lt;label for="id_chemical_name"&gt;Chemical name:&lt;/label&gt;&lt;/th&gt;&lt;td&gt;&lt;textarea id="id_chemical_name" rows="2" cols="17" name="chemical_name"&gt;Spinosad&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;th&gt;&lt;label for="id_T"&gt;Number of time intervals:&lt;/label&gt;&lt;/th&gt;&lt;td&gt;&lt;input type="text" name="T" value="10" id="id_T" /&gt;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;!--I would like to insert an image after the row 'Number of time intervals'--&gt;
  
  &lt;tr&gt;&lt;th&gt;&lt;label for="id_a"&gt;Logistic model parameter (&amp;#945;):&lt;/label&gt;&lt;/th&gt;&lt;td&gt;&lt;input type="text" name="a" value="0.746" id="id_a" /&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;&lt;/div&gt;
  </code></pre>
  
  <p>jQuery code:</p>
  
  <pre><code>&lt;script type="text/javascript" src=" ../stylesheets/jquery-1.7.2.js"&gt;&lt;/script&gt; 
  &lt;script&gt;
      $(document).ready(function(){ 
      $('&lt;img src = "https://www.google.com/images/srpr/logo3w.png" /&gt;').appendTo('#id_T');
  })
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is a <a href="http://jsfiddle.net/sLcNc/1/" rel="nofollow">demo</a> of the question.</p>