title: Eric Martin's SimpleModal breaks jquery ui tabs after closing the modal
body: <p>I used <a href="http://www.ericmmartin.com/projects/simplemodal/" rel="nofollow">simpleModal</a> and jquery-ui tabs for this project. I have a link named "Filter" on the form that will call FilterModal() to display the modal.</p>
  
  <pre><code>function FilterModal() {
     $('#divFilterModal').modal();
  } 
  </code></pre>
  
  <p>Div #divFilterModal is inside _Filter.cshtml.</p>
  
  <pre><code>&lt;div"&gt;@Html.Partial(MVC.Sample._Filter)&lt;/div&gt;
  </code></pre>
  
  <p>Inside <strong>_Filter.cshtml</strong>, I have two link buttons, one is <strong>"Run"</strong> that will execute filter from the selected choices then posting back the result and closes the modal, second is <strong>"Cancel"</strong> that will just close the popup. Also I have used jquery ui Tabs on this control.</p>
  
  <pre><code> $(document).ready(function () {
      $('#FilterModalTabs').tabs();
   });
  </code></pre>
  
  <p>So when I click the Filter link, the modal pops up and the tabs is working well. Every thing is ok if I click "Run" button. But when I click the "Cancel" button, when I open again the modal, the tabs are breaking up. Every time I click to another tab, the previous tab will not deselect/unfocus making more tabs opened.</p>
  
  <p>I check the jquery ui script if it was deleted when the modal was close, but it is still there. Any idea on this? thanks in advance</p>