title: how to give sound effect on hover
body: <p>I have menu ... like below</p>
  
  <p>I want to give sound effect on hover</p>
  
  <pre><code>&lt;ul id="menu" class="nav"&gt;
      &lt;li&gt;
          &lt;a href="#"&gt;Home&lt;/a&gt;
          &lt;audio id="sound" controls preload="auto"&gt;&lt;source src="http://soundbible.com/mp3/MP5_SMG-GunGuru-703432894.mp3" controls&gt;&lt;/source&gt;&lt;/audio&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Clients&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to give sound effect on hover</p>