title: How to select one particular child element when hovering parent using jquery?
body: <p>I want to change the color of a child element when hovering a parent. The problem is that with the code below the child element (label color) changes for all columns while I only want it to change for that particular column. I guess I need to use 'this' in some way to make this work? So far have not been able to get this to work.   </p>
  
  <pre><code>jQuery('.col-proposal').hover(function () {
  jQuery('.col-proposal .label').css('color', 'green');
  }, function () {
  jQuery('.col-proposal .label').css('color', 'white');
  });
  </code></pre>