title: Change table border color using JQuery
body: <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>