Change table border color using JQuery
<p>I have a user control that conatins HTML, like this:</p>

<pre><code>&lt;table id="tblProgramInfo" runat="server" cellpadding="0" cellspacing="0" class="ProgramInfo"&gt;
&lt;tr&gt;
    &lt;td&gt;
        &lt;table cellpadding="0" cellspacing="0" width="100%" class="tblProgram" abc="def"&gt;
            &lt;tr&gt;
                &lt;td&gt;
                    Some data
                &lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
    &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p></p>

<p>Since its a user control, their could be multiple table with same class "ProgramInfo" and "tblProgram". Now I have attached mouseover and mouseout event for "ProgramInfo" class using Jquery. What I want is, <strong>to change the border color of inside table containing class "tblProgram" on mousemove and mouseout</strong>. 
<br/>
My mousemove and mouseevent are:</p>

<pre><code>$(document).ready(function()
{
    $(".ProgramInfo").mouseover(function()
     {
 // Code here?
     });
    $(".ProgramInfo").mouseout(function()
    { 
 // Code here?
    });
});
</code></pre>

<p>Also, <strong>I want to change the width and height of upper table through JQuery</strong>. When I tried this, I get width:auto.</p>
