jQuery - How to select another tr if an input does not match a value
<p>As a newbie, I'm trying to pull something off and have gotten stuck.  I'm attempting to select a table row with an id of "fc_cart_foot_tax_tbd" and add a class of "selected" if someone enters a state other than Illinois into an input field with the class of "customer_state_name".  Here's my HTML that doesn't work.</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
    &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
    &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
    &lt;title&gt;Basic&lt;/title&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" charset="utf-8"&gt;
    $(document).ready(function(){
    //Show the tax info if the shipping state is not Illinois
        $("#customer_state_name").each(function()
        {
            if (!$(this).html() == 'Illinois')
            {
            $("#fc_cart_foot_tax_tbd").addClass("selected");
            }
        });
    });
    &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;

    &lt;form action="#"&gt;
    &lt;input name="state" id="customer_state_name" value="" /&gt;
    &lt;/form&gt;

    &lt;table&gt;
    &lt;tr id="fc_cart_foot_tax_tbd"&gt;
    &lt;td&gt;Content here!&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;

    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>
