jQuery update table row depending on how user inputs data
<p>I have a table with rows of 2 input text boxes in each row:</p>

<pre><code>&lt;table&gt;
    &lt;tr&gt;&lt;td&gt;&lt;input id="1_1" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input id="1_2" type="text"&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;&lt;input id="2_1" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input id="2_2" type="text"&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;&lt;input id="3_1" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input id="3_2" type="text"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>If the user has just one of the input texts filled in, I would like to append a certain icon in front of the row.  If the user has both inputs filled in, I would like to append a different type of icon.  All of this occurs on a per row basis.  How would I go about accomplishing this?  </p>

<p>Any suggestions would be greatly appreciated.</p>
