JQuery Dialog modal option not working
<p>This is the HTML code:</p>

<pre><code>&lt;div id="dialog" title="lala" style="display:none;"&gt;
        &lt;p&gt;This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>This is the JavaScript</p>

<pre><code>$bb('#addTopicButton').live('click',function() {

     $bb( "#dialog" ).dialog({ modal:true, closeOnEscape: false, draggable:false, resizable:false }); 

       });
</code></pre>

<p>Why modal is not working? When it is opened I still can click other links on the page and do things in the background.</p>

<p>Thanks a lot</p>

<p><strong>UPDATE:</strong>
It seems to be working though. Only the links are active in the background and working. How can I disable everything, including links? </p>
