title: Finding the closest span with a specific class inside a div
body: <p>I want to find the closest <code>span</code> with class <code>error_span</code>. How can I do that using jQuery?</p>
  
  <pre><code>&lt;div class="form-group row"&gt;
      &lt;div class="col-sm-4"&gt;
          &lt;label for="reimburse_price" class="control label"&gt;Amount&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-8"&gt;
          &lt;div&gt;
              &lt;input type="text" name="reimburse_price" min="1" placeholder='0.00' class="form-control numberOnly" id="reimburse_price" required&gt;        
          &lt;/div&gt;
          &lt;div&gt;
              &lt;span class="small text-danger error_span"&gt;&lt;/span&gt;    
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My javascript is here</p>
  
  <pre><code>$("#reimburse_price").blur(function(){
    checkNumInput("#reimburse_price");
  });
  </code></pre>
  
  <p>My jquery function is here</p>
  
  <pre><code>function checkNumInput(id){
      if ($(id).val() == "") {
          $(id)[0].setCustomValidity('Please fill out this field');
          $(id).closest("span .error_span").text("Please fill out this field").removeClass("hidden").addClass("text-danger");
      }
  }
  </code></pre>