title: mvc3 dialog box unable to reopen
body: <p>I have a dialog box in mvc that opens up first time but not the second time and it gives me the error that the object does not support method dialog</p>
  
  <p>this is my code:</p>
  
  <pre><code>     &lt;script src="&lt;%= Url.Content("~/Scripts/jquery-1.5.2.min.js") %&gt;"   type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="&lt;%= Url.Content("~/Scripts/jquery-ui-1.8.11.min.js") %&gt;" type="text/javascript"&gt;&lt;/script&gt;
   $('.trigger').live('click', function (event) {
              var id = $(this).attr('rel');
              var dialogBox = $("&lt;div&gt;");
              $(dialogBox).dialog({
                  autoOpen: false,
                  resizable: true,
                  title: 'Test Modal Dialog',
                  modal: true,
                  width: 'auto',
                  closeOnEscape: true,
                  show: "slide",
                  open: function (event, ui) {
  
                      $(this).load('&lt;%=Url.Action("TabExample2","RQA")%&gt;');
                               },
                  overlay: { backgroundColor: "#000", opacity: 0.5 }
  
              });
              $(dialogBox).dialog('open');
  
          });
  </code></pre>
  
  <p>Modal Dialog</p>
  
  <p>any advice on why this is happening?</p>