title: How to use jQuery facebox
body: <p>I am going to use <a href="https://github.com/defunkt/facebox" rel="nofollow noreferrer">Facebox</a> in my page, and am loading following plugins:</p>
  
  <pre><code>&lt;script type="text/javascript" src="facebox.js"&gt;&lt;/script&gt;
  &lt;script language="javascript" src="jquery-min.js"&gt;&lt;/script&gt;
  &lt;link type="text/css" href="facebox.css" rel="stylesheet" /&gt;
  </code></pre>
  
  <p>I have two div elements. I want to show one div in the facebox after an onclick event, and I'm using this command after the onclick event</p>
  
  <pre><code>jQuery('#dialog-form').facebox()
  </code></pre>
  
  <p><code>dialog-form</code> is the div id to show in the Facebox, but it's showing the two divs in the page and Facebox is not appearing. How can I achieve this?</p>