title: JQUERY fancybox launch onclick
body: <p>Here is the JS:</p>
  
  <pre><code>$(document).ready(
     function(){
          $('#button').click(function() {
          $("#content_of_fancybox").fancybox({
              'scrolling'     : 'no',
              'titleShow'     : false
          });
          });
     }
  );
  </code></pre>
  
  <p>And the HTML</p>
  
  <pre><code>&lt;input type="button" value=" Open fancybox " id="button"&gt;
  
  &lt;div id="content_of_fancybox" style="width: 400px; margin: 0; display: none;"&gt;
  Hello pandas!
  &lt;/div&gt;
  </code></pre>
  
  <p>The fancybox should open when user clicks on the button, but it doesn't. What is the error (I guess it's in the javascript part)?</p>