title: How to use jQuery remove() without page refresh?
body: <p>I have a php page holding a data grid generated by jQuery lets say dataGrid.php </p>
  
  <p>and 2 divs on the home page some thing like this </p>
  
  <p>dataGrid.php </p>
  
  <pre><code>&lt;script&gt; 
   generate the grid
  &lt;/script&gt;
  &lt;body&gt;
  &lt;lightbox&gt;&lt;div&gt; close me &lt;/div&gt;
  &lt;div &gt;  holding the dataGrid &lt;/div&gt;
  &lt;/lightbox&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>NOTE: I mean a popup box when I say   this is not a real valid HTML tag I am using </p>
  
  <p>and here is the home page </p>
  
  <pre><code>&lt;body&gt;
  &lt;div&gt; click here to see the grid  &lt;/div&gt;
  
  &lt;div&gt; &lt;?php include dataGrid.php ?&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I have a close button on dataGrid.php. I am closing the include using jQuery remove() but remove() refreshes the home page which is what I don't want. I am also not sure id remove() command is really cross browser? </p>
  
  <p>My question: Is there any way or method to close dataGrid.php and the light-box without refreshing the home page?</p>
  
  <p>I have checked 3 other questions posted on stack-overflow with the same question title but different in the question body.</p>