title: jquery/ajax delete function keeps refreshing instead of animation
body: <p><strong><em>SOLVED</em></strong>: there is still no animation, tough the unwanted page refresh is gone, and for now on i can continue...</p>
  
  <p>The script works, it actually deletes the records from the mySQL db
  Tough instead of the fading animation, the page just refreshes...
  i'm using jquery-2.2.0.min.js</p>
  
  <p>jquery/ajax:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function () {
      $(".delete").click(function(){
          var element = $(this);
          var sht_id = element.attr("id");
          var info = 'id=' + sht_id;
          if (confirm("Are you sure you want to delete?")) {
              $.ajax({
                  url: 'delsht.php',
                  type: 'post',
                  data: info,
                  succes: function() {
  
                  }
              });
              $(this).parent().parent().fadeout(300, function(){
                  $(this).remove();
              });
          }
          return false;
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>            &lt;table&gt;
                  &lt;tr&gt;&lt;td style="vertical-align: top;"&gt;&lt;div id="shoutdate"&gt;
                      &lt;div id="time"&gt;&lt;?=$date;?&gt;&lt;br&gt;&lt;?=$time?&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;/td&gt;
                  &lt;td style="vertical-align: top;"&gt;&lt;div id="shoutby"&gt;
                      &lt;div id="poster"&gt;&lt;a href="?l=profile&amp;id=&lt;?=$poster;?&gt;" id="&lt;?=$rank;?&gt;"&gt;&lt;?=$poby;?&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;/td&gt;
                  &lt;td style="vertical-align: top;"&gt;&lt;div id="shoutcon"&gt;
                      &lt;?=$message?&gt;
                      &lt;? /* if ($ctrl == 1){ */?&gt;
                          &lt;div id="admin"&gt;
                              &lt;div id="ban"&gt;&lt;/div&gt;
                              &lt;a href="" id="&lt;?=$sht_id;?&gt;" class="delete"&gt;&lt;div id="del"&gt;&lt;/div&gt;&lt;/a&gt;
                          &lt;/div&gt;
                      &lt;?/* } */?&gt;
                  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;/table&gt;
  </code></pre>