hover over child after hover on parent

      $('child').hide();

      $('parent').mouseover(function(){
        $(this).find('child').show();
        anchor_hover();
      }).mouseout(function(){
        anchor_hover();
        $(this).find('child').hide();
      });

      function anchor_hover() {
        $('child').mouseover(function() {
            $(this).next('parent').show();
        }).mouseout(function() {
            $('child').hide();
        });
      }
      
      // ********************************************
      //**************** html structure ************************
      <ul> 
        <li (parent)>
          <div (child)>
          </div>
        </li>
      </ul>