jQuery issue with alert box
<p>The following is not working as expected, it's not picking up the alert message when you click on '.arrow-_down_img'</p>

<pre><code>        function slideDown_Menu(){
                    $('.main_nav').slideDown('slow', function(){
                        $('.arrow_down_img').removeClass('arrow_down_img').addClass('arrow_up_img');
                    });
        }

        function slideUp_Menu(){
                    $('.main_nav').slideUp('slow', function(){
                        $('.arrow_up_img').removeClass('arrow_up_img').addClass('arrow_down_img');
                    });
        }

        $('.arrow_down_img').click(function(){
            // evt.preventDefault();
            // slideDown_Menu();
            alert('test');

        });

        $('.arrow_up_img').click(function(evt){
            evt.preventDefault();
            slideUp_Menu();
        });
</code></pre>

<p>HTML</p>

<pre><code>        &lt;div class="arrow_up"&gt;
            &lt;div class="arrow_up_img"&gt;&lt;/div&gt;
        &lt;/div&gt;
</code></pre>
