title: JQuery Validate AJAX > undefined has no properties
body: <p>Sorry, i posted it before finished the whole text..</p>
  
  <p>I get an Error after clicking the SUBMIT-Button:</p>
  
  <p><strong>ERRORLOG</strong></p>
  
  <pre><code>TypeError: undefined has no properties
  [Weitere Informationen]
  jquery.validate.min.js:4:22946
  a.ajax
  https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js:4:22946
  submitHandler
  http://suedsicht-projekte.de/opus/newsletter-daten/landingpage/js/main.js:13:7
  d
  https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js:4:962
  validate/&lt;
  https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js:4:1173
  dispatch
  https://code.jquery.com/jquery-3.2.1.slim.min.js:3:10499
  add/q.handle
  https://code.jquery.com/jquery-3.2.1.slim.min.js:3:8561
  </code></pre>
  
  <p><strong>the script worked on an other site. But this time it dont work :(</strong></p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(document).ready(function(){
    $("#teilnahme").validate({
      rules: {
        inputVorname: { required: true }
      },
      messages: {
        inputVorname: { required: "Bitte tragen Sie Ihren Vornamen ein." }
      },
      submitHandler: function(form) {
        theUrl = 'teilnahme.php';
        var params = $(form).serialize();
  
        $.ajax ({
          type: "POST",
          url: theUrl,
          data: params,
          processData: false,
          async: false,
          success: function(result) {
            $("#sendbutton").fadeOut(100).hide(function(){
            $("#successbutton").fadeIn(100).show(function(){
            $(".result").html(data);
            });
            });
          }
        });
      }
    }); //end validate
  });
  </code></pre>
  
  <p>Validation Work. But the submitHandler doesnt</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form accept-charset="utf-8" method="post" name="teilnahme" id="teilnahme"&gt;
      &lt;div class="form-row"&gt;
        &lt;div class="form-group col-md-6"&gt;
          &lt;label for="inputVorname"&gt;Vorname&lt;/label&gt;
          &lt;input type="text" class="form-control" id="inputVorname" name="inputVorname" placeholder="Vorname"&gt;
        &lt;/div&gt;
        &lt;div class="form-group col-md-6"&gt;
          &lt;label for="inputNachname"&gt;Nachname&lt;/label&gt;
          &lt;input type="text" class="form-control" id="inputNachname" name="inputNachname" placeholder="Nachname"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;label for="inputFirm"&gt;Firma&lt;/label&gt;
        &lt;input type="text" class="form-control" id="inputFirm" name="inputFirm" placeholder="Firma"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;label for="inputAddress"&gt;Address 2&lt;/label&gt;
        &lt;input type="text" class="form-control" id="inputAddress" name="inputAddress" placeholder="Straße"&gt;
      &lt;/div&gt;
      &lt;div class="form-row"&gt;
        &lt;div class="form-group col-md-2"&gt;
          &lt;label for="inputPLZ"&gt;Postleitzahl&lt;/label&gt;
          &lt;input type="text" class="form-control" id="inputPLZ" name="inputPLZ"&gt;
        &lt;/div&gt;
        &lt;div class="form-group col-md-6"&gt;
          &lt;label for="inputCity"&gt;Stadt&lt;/label&gt;
          &lt;input type="text" class="form-control" id="inputCity" name="inputCity"&gt;
        &lt;/div&gt;
        &lt;div class="form-group col-md-4"&gt;
          &lt;label for="inputState"&gt;Bundesland&lt;/label&gt;
          &lt;select id="inputState" name="inputState" class="form-control"&gt;
            &lt;option selected&gt;Baden-Württemberg&lt;/option&gt;
            &lt;option&gt;...&lt;/option&gt;
          &lt;/select&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-radio"&gt;
        &lt;input type="radio" id="customRadio1" name="customRadio" class="custom-control-input"&gt;
        &lt;label class="custom-control-label" for="customRadio1"&gt;2 Übernachtungen, Anreise am Vortag&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-radio"&gt;
        &lt;input type="radio" id="customRadio2" name="customRadio" class="custom-control-input"&gt;
        &lt;label class="custom-control-label" for="customRadio2"&gt;1 Übernachtung, Anreise am 27.04&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-radio"&gt;
        &lt;input type="radio" id="customRadio3" name="customRadio" class="custom-control-input"&gt;
        &lt;label class="custom-control-label" for="customRadio3"&gt;1 Übernachtung&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-radio"&gt;
        &lt;input type="radio" id="customRadio4" name="customRadio" class="custom-control-input"&gt;
        &lt;label class="custom-control-label" for="customRadio4"&gt;Ohne Übernachtung&lt;/label&gt;
      &lt;/div&gt;
      &lt;button type="submit" id="sendbutton" class="btn btn-success"&gt;Teilnehmen&lt;/button&gt;
      &lt;button class="btn btn-success" id="successbutton" disabled="disabled"&gt;&lt;span class="glyphicon glyphicon-ok" aria-hidden="true"&gt;&lt;/span&gt;&lt;/button&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>I had to explain more... 
  So i want an simple form. If i click the submit-button all information has to go to the "teilnahme.php" where a php-script will import all to a mySQL database. 
  Maybe there is an other solution for that. I have no idea.</p>