title: disable background when popup opens
body: <p>I am trying to disable the background after a popup is triggered in the window. The following code I am using on a div to display a form to enter information in to be passed to a db.</p>
  
  <p>The html:</p>
  
  <pre><code>&lt;div id="add_project"&gt;
      &lt;a href="#" title="Close"&gt;
          &lt;div class="close"&gt;
              &lt;p class="x"&gt;x&lt;/p&gt;
          &lt;/div&gt;
      &lt;/a&gt;
      &lt;h3&gt;Add Project&lt;/h3&gt;
      &lt;form method="post"&gt;
          &lt;table width="300" align="center"&gt;
              &lt;tr&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;/tr&gt;
              &lt;tr style="border: none"&gt;
                  &lt;td align="center"&gt;
                      &lt;input type="text" name="project name" placeholder="Enter Project Name" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;&lt;/tr&gt;
              &lt;tr style="border: none"&gt;
                  &lt;td align="center"&gt;
                      &lt;input type="text" name="project description" placeholder="Project Description" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;&lt;/tr&gt;
              &lt;tr style="border: none"&gt;
                  &lt;td align="center"&gt;
                      &lt;input type="button" value="Save" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr style="border: none"&gt;
                  &lt;td align="center"&gt;
                      &lt;input type="reset" value="Cancel" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The jQuery to hide and show the div:</p>
  
  <pre><code>$("#add_project").hide();
  $("#addProject").click(function () {
      $("#add_project").fadeIn(1000);
      $(".close").fadeIn(500);
  });
  </code></pre>