title: form submitting inside fancybox
body: <p>I've just started using fancybox. My client want's a popup box (using fancybox) with a form inside. However, i've created the form, but when i try to hit the "submit" button, nothing happens. It kinda looks like fancybox has a "submit = false" function inside the javascript code.</p>
  
  <p>Dose anybody know what i can do? to make this work?</p>
  
  <p>JS snippet</p>
  
  <pre><code>    $(document).ready(function() {
          $(".various").fancybox({
              maxWidth    : 800,
              maxHeight   : 600,
              fitToView   : false,
              width       : 470,
              height      : 215,
              type        : 'inline',
              autoSize    : false,
              closeClick  : false,
              openEffect  : 'none',
              closeEffect : 'none'
          });
      });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>    &lt;div id="left_profile_menu"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a class="various" href="#send_message"&gt;&lt;img src="&lt;?php echo base_url() . 'public/' ?&gt;img/btn/send_privat_mld.jpg" /&gt;&lt;/a&gt;&lt;/li&gt;
  
              &lt;div id="send_message" style="display:none;"&gt;
                  &lt;h2&gt;Send melding til &lt;?php echo ucfirst($userdata['username']) ?&gt;&lt;/h2&gt;
                  &lt;?php form_open('message/send/' . $userdata['username']) ?&gt;
                  &lt;textarea style="padding: 10px;" rows="7" cols="53"&gt;&lt;/textarea&gt;
                  &lt;input id="send_message_submit" type="submit" value="" /&gt;
                  &lt;/form &gt;
              &lt;/div&gt;
  
              &lt;li&gt;&lt;a href="#"&gt;&lt;img src="&lt;?php echo base_url() . 'public/' ?&gt;img/btn/legg_til_venn.jpg" /&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt; &lt;!-- end left_profile_menu --&gt;
  </code></pre>