title: Element is not hidden
body: <p>I want to hide an image after an ajax is completed :</p>
  
  <pre><code>$('img[src$="control-power.png"]').on('click',function(){
              var id = $(this).attr("id");
              id = id.substring(8);
              var user_id = $('#del_'+id).val();
              var donne = "pk="+user_id;
              $.ajax({
                      data: donne,
                      type: "POST",
                      url:  "&lt;?php echo HTTP_AJAX ?&gt;admin/validerUtilisateurAjax.php", // updating a row in the database
                      async: false,
                      success: function () { $(this).hide(); }
                   });
          });
  </code></pre>
  
  <p>The image is inside a table :</p>
  
  <pre><code>&lt;table id="table" class="data display "&gt;
    &lt;thead style="background-color:#CCC"&gt;
      &lt;tr&gt;
        &lt;th&gt;Noms&lt;/th&gt;
        &lt;th&gt;N° téléphone&lt;/th&gt;
        &lt;th&gt;Région&lt;/th&gt;
        &lt;th&gt;Ville&lt;/th&gt;
        &lt;th width="5%"&gt;&lt;/th&gt;
        &lt;th width="5%"&gt;&lt;input type="checkbox" id="check_all" style="position: relative; top: 0px; left: 1px;"&gt;&lt;/th&gt;
        &lt;th width="5%"&gt;&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody style="background-color:#FFF"&gt;
      &lt;tr class="odd gradeX"&gt;
        &lt;td&gt;Andriniaina Jean Aimé&lt;/td&gt;
        &lt;td&gt;261324494922&lt;/td&gt;
        &lt;td&gt;Boeny&lt;/td&gt;
        &lt;td&gt;Mahajanga I&lt;/td&gt;
        &lt;td align="center" style="vertical-align:middle"&gt;&lt;a href="admin.php?action=AdminModifierUtilisateur&amp;amp;id=269"&gt;&lt;img src="http://localhost/bazarmada/pages/img/icons/edit.png" style="height:10px;width:10px;"&gt;&lt;/a&gt;&lt;/td&gt;
        &lt;td align="center" style="vertical-align:middle"&gt;&lt;input type="checkbox" id="del_0" value="269"&gt;&lt;/td&gt;
        &lt;td align="center" style="vertical-align:middle"&gt;&lt;a&gt;&lt;img src="http://localhost/bazarmada/pages/img/icons/control-power.png" id="valider_0" style="height:10px;width:10px;cursor:pointer"&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr class="odd gradeX"&gt;
        &lt;td&gt;Andriniaina Nomenjanahary Todisoa&lt;/td&gt;
        &lt;td&gt;261328981998&lt;/td&gt;
        &lt;td&gt;Analamanga&lt;/td&gt;
        &lt;td&gt;Ambohidratrimo&lt;/td&gt;
        &lt;td align="center" style="vertical-align:middle"&gt;&lt;a href="admin.php?action=AdminModifierUtilisateur&amp;amp;id=208"&gt;&lt;img src="http://localhost/bazarmada/pages/img/icons/edit.png" style="height:10px;width:10px;"&gt;&lt;/a&gt;&lt;/td&gt;
        &lt;td align="center" style="vertical-align:middle"&gt;&lt;input type="checkbox" id="del_1" value="208"&gt;&lt;/td&gt;
        &lt;td align="center" style="vertical-align:middle"&gt;&lt;a&gt;&lt;img src="http://localhost/bazarmada/pages/img/icons/control-power.png" id="valider_1" style="height:10px;width:10px;cursor:pointer"&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr class="odd gradeX"&gt;
        &lt;td&gt;Andriniaina Nomenjanahary Todisoa&lt;/td&gt;
        &lt;td&gt;261325306341&lt;/td&gt;
        &lt;td&gt;Analamanga&lt;/td&gt;
        &lt;td&gt;Ambohidratrimo&lt;/td&gt;
        &lt;td align="center" style="vertical-align:middle"&gt;&lt;a href="admin.php?action=AdminModifierUtilisateur&amp;amp;id=635"&gt;&lt;img src="http://localhost/bazarmada/pages/img/icons/edit.png" style="height:10px;width:10px;"&gt;&lt;/a&gt;&lt;/td&gt;
        &lt;td align="center" style="vertical-align:middle"&gt;&lt;input type="checkbox" id="del_2" value="635"&gt;&lt;/td&gt;
        &lt;td align="center" style="vertical-align:middle"&gt;&lt;a&gt;&lt;img src="http://localhost/bazarmada/pages/img/icons/control-power.png" id="valider_2" style="height:10px;width:10px;cursor:pointer"&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>But the problem is that at runtime the database is updated but the image is still displayed ! So why is not it hided ?</p>