title: Javascript mouseover function
body: <p>I have this code</p>
  
  <p>This is the script in my head</p>
  
  <pre><code>    &lt;script src="jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function () {
  $("#hmenu li a").hover(
      function () {
      if ($("#hmenu li a").val == "Work")
      {
          alert ('halla')
      }
  
      },
      function () {
          $(this).removeClass("active");
      }
      );
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is the HTML part</p>
  
  <pre><code>&lt;div id="headd"&gt;
  &lt;img src="logoname.png"/&gt;
  &lt;/div&gt;
  &lt;div id="ll"&gt;
  &lt;p&gt;My home, the front page and the main page&lt;/p&gt;
  &lt;/div&gt;
  &lt;img id="da" src="logo.png" /&gt;
  &lt;div id="line"&gt;
      &lt;img src="rr.gif" /&gt;
  &lt;/div&gt;
  &lt;ul id="hmenu"&gt;
      &lt;li&gt;&lt;a class="active" href="#"&gt;HOME&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;WORK&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;PORTFOLIO&lt;/a&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;CONTACT&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to change the text in this area: "#ll p" whenever the user hover on the anchor tags.</p>
  
  <p>For example. When the user hover on anchor tags which has a content of "HOME" then the JavaScript compare it via if and else (I don't know if there is another way but I'm open on any suggestion) so this is it: if the #hmenu li a value is equal to Home then then #ll p content should be change into "you hover the work anchor" and so the rest.</p>