title: Force fancybox content "undefined"
body: <p>basically I am trying to launch a fancybox window when a specific button is clicked, and then I want to pass fancybox content to display, now my understanding is that if I do something like this it should open a fancybox window with the content I pass it,</p>
  
  <p>Javascript/jQuery:</p>
  
  <pre><code>$('#test').live('click', function(){
      $.fancybox({
              'transitionIn'      : 'elastic',  
              'transitionOut'     : 'elastic'  
              'type'              : 'inline',  
              'content'           : '&lt;div&gt;Test&lt;/div&gt;',  
              'autoDimensions'    : false,  
              'width'             : 400,  
              'height'            : 400
              });  
  })
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div id="test"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>#test {
    background: #000;
    width: 250px;
    height: 25px;
  }
  </code></pre>
  
  <p>But when I launch that it gives me <code>undefined</code>, at first I thought it was referencing the wrong ID, but the HTML is sound.</p>
  
  <p>I am guessing that it's probably something very simple that I am missing...</p>
  
  <p>Thanx in advance!</p>