title: jQuery background submit form
body: <p>this is yet another form submit question. Sorry for that - but I can't find the mistake/error. The script doesn't work as expected. :(</p>
  
  <p>EDIT (sorry): It should load the "test" into the div from the PHP and should post the serialized data from the form. </p>
  
  <p>In the PHP-File is only a echo"test"; line.</p>
  
  <p>Here is my JS:</p>
  
  <pre><code>&lt;script language="javascript"&gt;
      $(document).ready(function() {
          $("#rate_").submit(function() {
              var dataString = $("#rate").serialize();
              $.ajax({
                  type: "POST",
                  url: "rateit.php",
                  data: dataString,
                  success: function(msg) {
                      $("#ratesucess").html("working");  
                      console.log('working: '+msg);
                  },
                  error: function(msg) {
                      $("#ratesucess").html("not working ");  
                      console.log('not working '+msg);
                  }
              });
          })
      })
  &lt;/script&gt;
  </code></pre>
  
  <p>Here the HTML-Code:</p>
  
  <pre><code>&lt;div id="ratesucess"&gt;&lt;/div&gt;
      &lt;div id="vote"&gt;
          &lt;form action="#" method="post" id="rate_"&gt;
              &lt;h3&gt;Einrichtungen&lt;/h3&gt;      
              &lt;label for="star_10"&gt;Shop&lt;/label&gt;
  
              &lt;input name="star_10" type="radio" class="star" value="1" /&gt;        
              &lt;input name="star_10" type="radio" class="star" value="2" /&gt;        
              &lt;input name="star_10" type="radio" class="star" value="3" /&gt;        
              &lt;input name="star_10" type="radio" class="star" value="4" /&gt;        
              &lt;input name="star_10" type="radio" class="star" value="5" /&gt;&lt;br /&gt;
  </code></pre>
  
  <p>Thank you for your help!!</p>