How to make header of a table "draggable"
<p>I have a table. The top row has 2 columns - "header" and "close" button. I can make the entire table "draggable". How can I make the "header" to be the only element that user can drag in order to move the entire table around?</p>

<p>UPDATED: As tagged, I need to use jQuery. This is what's not working:</p>

<pre><code>$(tblElement).draggable({ handle: "tdDialogHeader" });
</code></pre>
