Jquery insert an image to a HTML table
<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>
