How do I disable jQuery dialog child elements from resizing independently?
<p>I have a dialog box that I open using jQuery 1.7.1. The html for the dialog is:</p>

<pre><code>&lt;div id="transactionDialog" title="Transaction Contents"&gt;
    &lt;textarea&gt;&lt;/textarea&gt;
&lt;/div&gt;      
</code></pre>

<p>jQuery Code:</p>

<pre><code>$("#transactionDialog").dialog({
    autoOpen: false,
    width: 640,
    height: 480,
    show: "highlight",
    resizable: true
});
</code></pre>

<p>How do I get rid of the resize icon on the <code>&lt;textarea&gt;</code> tag? </p>

<p><img src="http://i.stack.imgur.com/1nyM3.png" alt="dialog resize grippy"></p>
