Passing variables to a PHP file through jQuery
<p>Really not familiar with jQuery. Is there anyway I can pass form data to a PHP file using jQuery?</p>

<p>FORM:</p>

<pre><code>&lt;div id="dialog-form" title="Fill in your details!"&gt;
  &lt;form&gt;
&lt;fieldset&gt;
  &lt;label for="name"&gt;Name&lt;/label&gt;
  &lt;input type="text" name="name" id="name"/&gt;
  &lt;label for="email"&gt;Email&lt;/label&gt;
  &lt;input type="text" name="email" id="email" value=""/&gt;
  &lt;label for="phone"&gt;Phone&lt;/label&gt;
  &lt;input type="phone" name="phone" id="phone" value=""/&gt;
&lt;/fieldset&gt;
  &lt;/form&gt;
</code></pre>

<p></p>

<p>It's a pop-up dialog with jQuery and gets submitted with:</p>

<pre><code>$("#dialog-form").dialog({
  autoOpen: false,
  height: 450,
  width: 350,
  modal: true,
  buttons: {
    "Sumbit": function() {
    //VALIDATES FORM INFO, IF CORRECT
      if (Valid) {
        $.ajax({
          url: 'process-form.php',
          success: function (response) {
          //response is value returned from php
            $("#dialog-success").dialog({
              modal: true,
              buttons: {
                Ok: function() {
                  $(this).dialog("close");
                }
              }
            });
          }
        });
        $(this).dialog("close");
      }
    }
  }
});
</code></pre>

<p>What I want to do is to send the form data that the user enters into <code>process-form.php</code>, where it will be processed and sent as an email (which I can do). Just not to sure on the jQuery side of things. Is it even possible?</p>
