title: Jquery Dialog with nested form having submit issues
body: <p>I have a jquery dialog with a nested form like this:</p>
  
  <pre><code>&lt;!-- Store Location Dialog --&gt;
          &lt;div id = "changeDialog"&gt;
              &lt;form id = "form" method = "post" action = "Default.aspx" \&gt; 
                  &lt;input type = "text" id = "changeText" name = "changeLocation" /&gt; 
                  &lt;input type = "button" id = "changeStoreDialogSubmit" value = ""  onclick = "dialogSubmitForm()"/&gt; 
              &lt;/form&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>There are two instances that could happen when the button is clicked. One instance will require a page load, and the other will not. I have the non-page load instance working correctly, but the other one is not. Here is the <code>dialogSubmitForm()</code> method I have:</p>
  
  <pre><code>function dialogSubmitForm() {
  
      if (!placeHolderVisibility) {
  
          $('#changeStoreDialogSubmit').submit();
      }
      else /
      {
          //Working code
      }
  }
  </code></pre>
  
  <p>And here is the dialog:</p>
  
  <pre><code>function createDialog() {
      //Creates a new dialog
      $('#changeDialog').dialog({
          resizable: false,
          title: '&lt;span class="ui-icon ui-icon-home"&gt;&lt;/span&gt; Enter Info',
      });
  }
  </code></pre>
  
  <p>When I test the page I can see the <code>$('#changeStoreDialogSubmit').submit();</code> getting hit, but there is never a page load. Why would this happen?</p>