Calling hover event of an element when hover event of another element is called?

Question

I'm trying to call the hover event of the buttons placed on a tile when I hover over the tile, using jQuery. However, it is not working. This is the code I'm using

<script >
$( "#tile1" ).hover(function() {
    $('.btn-danger').hover();

 });

</script>

I've linked with jQuery separately in the head:

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

Can anyone point out what the problem might be?

Answer 1

Try this:

$("#tile1").hover(function(event) {
  $('.btn-danger').trigger(event.type);
});