title: Looking for best jQuery approach to wrap tables
body: <p>I am using jQuery to wrap a div around any table below a certain class like that:</p>
  
  <pre><code>$(".my-class table").wrap('&lt;div style="padding:5px;border-width:5px;border-color:#F2F7FB;border-style:solid;width:80%"/&gt;');
  </code></pre>
  
  <p>Problem is that sometimes I'll have nested tables below this class and I only want to wrap this div once. So, what would be the best jQuery approach here? Search for nested tables or perhaps apply this only to the most inner table? Any ideas will be welcomed.</p>
  
  <p>Thanks</p>