How to combine these two javascript/jquery scripts
<p>I have an id #navigation li a and a class .menu-description . I want to change text color of the class .menu-description when hovered on #navigation li a</p>

<p>My jquery so far:</p>

<pre><code>&lt;script&gt;
$(document).ready(function() {
  $('#navigation li a').mouseover(function() {

  //Check if element with class exists, if so change it to new
           if ($('div.menu-description').length != 0)
                $('div.menu-description').removeClass('menu-description').addClass('menu-descriptionnew');
           //Check if element with class 'menu-descriptionnew' exists, if so change it to 'menu-description'
           else if ($('div.menu-descriptionnew').length != 0)
                $('div.menu-descriptionnew').removeClass('menu-descriptionnew').addClass('menu-description');
                });
});
&lt;/script&gt;
</code></pre>

<p>second script:</p>

<pre><code>&lt;script&gt;
$(document).ready(function() {
    $('.menu-description').hover( function(){

        $(this).css('color', '#EEEEEE');

    },
    function(){

        $(this).css('color', '#000000');

    });

});
&lt;/script&gt;
</code></pre>

<p>How to combine these to in order to reach for my wanted result?</p>
