add class in the child element on the .hover effect
<p>i want to add a class name in a input field but don't know the all logic of jquery.<br>
html code is </p>

<pre><code>&lt;tr class="jp_contact"&gt;&lt;td&gt;text&lt;/td&gt;&lt;td&gt;text&lt;/td&gt;&lt;td&gt;text&lt;/td&gt;&lt;td&gt;&lt;input name="in_val" &gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr class="jp_contact"&gt;&lt;td&gt;text&lt;/td&gt;&lt;td&gt;text&lt;/td&gt;&lt;td&gt;text&lt;/td&gt;&lt;td&gt;&lt;input name="in_val" &gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr class="jp_contact"&gt;&lt;td&gt;text&lt;/td&gt;&lt;td&gt;text&lt;/td&gt;&lt;td&gt;text&lt;/td&gt;&lt;td&gt;&lt;input name="in_val" &gt;&lt;/td&gt;&lt;/tr&gt;
</code></pre>

<p>cod is :</p>

<pre><code>$('.jp_contact').each(function(e){
        var currentRow = $(this);
        $(this).hover(
            function(){
                    $(this).addClass('jp_hover');
                    $(currentRow + " td:last").removeClass('dis_button');
                },
            function(){
                    $(this).removeClass('jp_hover');
                    $('input[name="in_val"]').addClass('dis_button');
                });
    });
</code></pre>
