title: Resizing FancyBox modal when new data dynamically added
body: <p>I have a form on the following page:</p>
  
  <p><a href="http://mmicet.yazminmedia.com/qseries" rel="nofollow">http://mmicet.yazminmedia.com/qseries</a></p>
  
  <p>(Click the "Keep me updated on the Q" button at the bottom.)</p>
  
  <p>It's a form that uses frmValidator: <a href="http://www.javascript-coder.com/" rel="nofollow">http://www.javascript-coder.com/</a>. It's basically the same form I'm using successfully on the contact page.</p>
  
  <p>I read on the FancyBox API page that there is a resize function that would resize the modal when new data is added. However, the modal isn't resizing. Instead, my form is getting pushed down and the bottom portion is getting pushed down out of view. (The behavior can be duplicated by simply submitting the form without entering any information in it.)</p>
  
  <p>These are the options I setup for the modal:</p>
  
  <pre><code>$("#qs_button").fancybox({
      'titleShow'     : false,
      'scrolling'     : 'no',
      'autoDimensions'    : false,
      'autoScale'     : false,
      'width'         : 600,
      'height'        : 870,
      'showCloseButton': true,
      'onClosed'      : function() {
          $("#login_error").hide();
      }       
  });
  </code></pre>
  
  <p>I'm firing the resize function on submit of form:</p>
  
  <pre><code>$("#qseries_form").bind("submit", function() {
  
      $.fancybox.resize();
  
      $.ajax({
          type        : "POST",
          cache       : false,
          url     : "/qseries.php",
          data        : $(this).serializeArray(),
          success: function(data) {
              $.fancybox(data);
          }
      });
  
      return false;
  }); 
  </code></pre>
  
  <p>Anyone have any ideas why the resize isn't working?</p>
  
  <p>Thanks!</p>