title: hover of marker in leaflet
body: <p>I would like to ask if it is possible to hover not CLICKED the marker in the leaflet map</p>
  
  <p>here is my code</p>
  
  <p><strong>leaflet.js</strong></p>
  
  <pre><code>var map = L.map( 'map', {
    center: [20.0, 5.0],
    maxZoom: 16,
    minZoom: 2,
    zoom: 2
  })
  
  L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
     attribution: '&amp;copy; &lt;a href="https://www.openstreetmap.org/copyright"&gt;OpenStreetMap&lt;/a&gt;',
     subdomains: ['a', 'b', 'c']
  }).addTo( map )
  
  var myURL = jQuery( 'script[src$="leaf-demo.js"]' ).attr( 'src' ).replace( 'leaf-demo.js', '' )
  
  var myIcon = L.icon({
    iconUrl: myURL + 'images/pin24.png',
    iconRetinaUrl: myURL + 'images/pin48.png',
    iconSize: [29, 24],
    iconAnchor: [9, 21],
    popupAnchor: [0, -14]
  })
  </code></pre>
  
  <p>here is where it shows the marker and the data in the leaflet map</p>
  
  <pre><code>var markers = [
  ["&lt;b style='font-size:15pt;'&gt; ROXAS CITY CHAPTER &lt;/b&gt; &lt;br&gt; &lt;i style='font-size:12pt;'&gt; JUAN DELA CRUZ &lt;/i&gt; &lt;br&gt;juan@yahoo.com", 11.58528,122.75111],
  ["&lt;b style='font-size:15pt;'&gt; MANILA CITY CHAPTER &lt;/b&gt; &lt;br&gt; &lt;i style='font-size:12pt;'&gt; PEDRO DELA CRUZ &lt;/i&gt; &lt;br&gt;pedro@gmail.com", 14.599512,120.984222],
  ["&lt;b style='font-size:15pt;'&gt; CANADA CHAPTER &lt;/b&gt; &lt;br&gt; &lt;i style='font-size:12pt;'&gt; SIMON DELA CRUZ &lt;/i&gt; &lt;br&gt;simon@gmail.com", 53.631611 ,-113.323975]
  ];
  for ( var i=0; i &lt; markers.length; i++ ){
    marker = L.marker ([markers[i][1], markers[i][2]], {icon: myIcon})
    .bindPopup(markers[i][0])
  
    .addTo( map );
  }
  </code></pre>
  
  <p>here is a image for more understanding
  <a href="https://i.stack.imgur.com/RnwQ9.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/RnwQ9.jpg" alt="enter image description here"></a></p>