title: Setting Width and Height of Fancybox using a form and ajax
body: <p>I have a form</p>
  
  <pre><code>&lt;form action="getData.php" method="POST" id="myForm"&gt;
  &lt;input type="input" size="20" name="myName" /&gt;
  &lt;input type="submit" value="Login" id="submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Which passes the data to fancybox</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  
  $("#myForm").bind("submit", function() {
  
      $.ajax({
          type        : "POST",
          width: "500",
          height: "500",
          cache       : false,
          url         : "getData.php",
          data        : $(this).serializeArray(),
          success: function(data) {
              $.fancybox(data);
          }
      });
  
      return false;
  });
  
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>However i cant seem to be able to set the size or type of fancybox?</p>