Setting css of inner html element

Setting css of inner html element

I have the following piece of code:

  1. <td class="myclass"><div class="tooltip">blablabla</div></td>

On mouse-over of <td> I want to display the <div>. I've been trying it this way but it does not work:

  1. $('.myclass').bind('mouseover', function() {                          
  2.        $(this).html().css('display', 'block');
  3. });
  4. $('.myclass').bind('mouseout', function() {
  5.        $(this).html().css('display', 'none');
  6. });

What is the correct way to achieve this?

thanks