title: using tabs with jQuery - Clear tab content
body: <p>I'm using jquery tabs in my web application. The tabs are created dynamically depending on the user query result. I have a couple issues:</p>
  
  <ol>
  <li><p>My tab is pointing to <code>&lt;div&gt;</code> content with the corresponding id. When the user clicks the tab, the content is filled with a result of a webservice request (not relevant to the issue). My first problem is that when I add the items inside the tab (<code>&lt;div&gt;</code> tags), I see that it's not being placed <em>inside</em> the panel of the tab. I'm using <code>selectedTab.append("&lt;div class=itemSummary&gt;" + getItemDetails(element) + "&lt;/div&gt;")</code> to add a new <code>&lt;div&gt;</code> section to the tab. However, I do see new items being added <em>outside</em> the border of the tab panel. Am I doing something wrong here?</p></li>
  <li><p>Simple question: how can I programmatically clear the tab content? I need the tab content to be cleared before I add new items to it.</p></li>
  </ol>
  
  <p>Thanks!</p>