title: Jquery to Change the width of td in table inside a div
body: <p>I have the following html how can i access the first table's td and change the width to 40%  and 60% respectively using Jquery</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div id="DeltaPlaceHolderMain"&gt;
          &lt;a id="mainContent" tabindex="-1" name="mainContent"&gt;&lt;/a&gt;
          &lt;table width="100%"&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td width="15%" valign="top"&gt;&lt;/td&gt;
                      &lt;td width="85%" valign="top"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
          &lt;table width="100%"&gt;&lt;/table&gt;
          &lt;table width="100%"&gt;&lt;/table&gt;
       &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>