title: Jquery find: Uncaught TypeError: row.find is not a function
body: <p>I have this table: </p>
  
  <pre><code>&lt;tbody class="schoolsRows"&gt;
      &lt;tr&gt;
          &lt;td width="50%"&gt;
              &lt;input type="text" class="classA schoolNameClass valid" id="1"&gt;
          &lt;/td&gt;
          &lt;td width="25%"&gt;
              &lt;input type="text" class="classA postCodeClass valid" id="2"&gt;
          &lt;/td&gt;
          &lt;td width="25%"&gt;
              &lt;input type="text" class="classA urnClass valid" id="3"&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="button" value="Clear Content" onclick="clearRowContent(this)"&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>On button click, I am trying to reach to each of the textboxes and clear it.</p>
  
  <p>Here is my javascript code: </p>
  
  <pre><code>function clearRowContent(e) {
      var row = e.closest('tr');
      var textBoxToClear = row.find('.schoolNameClass');
  }
  </code></pre>
  
  <p>I can get to the row, but the problem is when I try to get to the textboxes by using find or siblings I get this error </p>
  
  <blockquote>
    <p>Uncaught TypeError: row.find is not a function</p>
  </blockquote>
  
  <p>I wonder why is this happening.</p>