title: Selecting a child div with a class inside an event handler
body: <p>I am not sure on how to do this</p>
  
  <p>I have</p>
  
  <pre><code>&lt;div class="a parent"&gt;
   &lt;div class="child"&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="b parent"&gt;
   &lt;div class="child"&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to something like this (in pseudocode)</p>
  
  <pre><code>$(".parent").mousemove(function(){
  
   select the `.child` which is the child of this div
  
  
  })
  </code></pre>
  
  <p>so when <code>.a</code> is hovered on it will select a's <code>.child</code> only, and when <code>.b</code> is hovered on it will select b's <code>.child</code> only</p>
  
  <p>This should involve <code>this</code> or <code>$this</code> or <code>$(this)</code> or something similar.. but its confusing and I don't know where to read about it</p>