title: how to find the nearest element
body: <p>How to get visible the nearest <code>&lt;i&gt;</code> element after an input. </p>
  
  <p>My html code :</p>
  
  <pre><code>&lt;td data-sort-initial="true" data-value="azert" style="padding:7px;position:relative;"&gt;
                              &lt;input class="form-control input-sm edit2" data-nom_champ="contact_label" data-id_ecole_contact="10" name="contact_label" type="text" value="azert"&gt;
                              &lt;i class="fa fa-spinner fa-spin" id="waiting_label_10" style="display:none;position:absolute;right:10px;top:13px;"&gt;&lt;/i&gt;
                          &lt;/td&gt;
  </code></pre>
  
  <p>And my js code :</p>
  
  <pre><code>$.ajax({
              type        : 'POST',
              url         : $('#url_for_ajax').val()+'/update_ecole_contact_ajax',
              dataType    : 'json',
              data        : {_token:$('meta[name="_token"]').attr( 'content' ),id_ecole_contact:$(this).data('id_ecole_contact'),nom_champ:$(this).data('nom_champ'),new_value:$(this).val()},
              beforeSend  : function() {
                  $(this).closest('i').next().show();
                  // $('#waiting_valeur'+id_ecole_contact).show();
              },
              success     : function(reponse) {
                  $('#waiting_'+id_ecole_contact).hide();
              }
          });
  </code></pre>
  
  <p>In this example, the <code>&lt;i&gt;</code> element is still not visible. The problem is here :</p>
  
  <pre><code>$(this).closest('i').next().show();
  </code></pre>
  
  <p>But I do not know what exactly.</p>