JS initiating correctly, but still won't run unless I put it into the console
<p>I have this running after I have output my markup (just before the <code>&lt;/body&gt;</code>:</p>

<pre><code>$(document).ready(function() {
.....
    focusLeaving: function(){
                    e('#running');
                    $('.levelThree').on('mouseleave',function () {
                        e('remove');
                        MM.internalMenu.levelFive.close(function(){});
                        MM.internalMenu.levelThree.close($(this));
                        $(this).parent().removeClass('active');
                    });
                }
    //This outputs as expect: '#running'
....
});
</code></pre>

<p>However leaving a <code>.levelThree</code> nothing will happen. If I run the above code inside the console or even run the function itself via the console <code>MM.internalMenu.levelThree.focusLeaving();</code> the the function works accordingly. </p>

<p>This is confused me no end, I know it should work. I even know its running, so why won't it work....</p>
