title: Blocking background content and focus on modal dialog
body: <p>I am trying to block the background with my two jquery modal dialogs until the user closes the window. Any idea on how to achieve this?</p>
  
  <p>By "blocking the background" I mean disabling the other elements on the page (i.e. making other elements unclickable).</p>
  
  <p>Here is my code below:</p>
  
  <pre><code>            // sign up dialog
          $( "#aboutus_dialog" ).dialog({
              autoOpen: false,
              show: "fadein",
              hide: "fadeout"
          });
  
          // sign up dialog
          $( "#signup_dialog" ).dialog({
              autoOpen: false,
              show: "fadein",
              hide: "fadeout"
          });     
  
          // about us modal
          $('#aboutus').click(function() { 
              modal: true,
              $("#aboutus_dialog").dialog("open");
              return false;
          });
  
          // about us modal
          $('#signup').click(function() { 
              $("#signup_dialog").dialog("open");
              return false;
          });
      });
  </code></pre>