Mouseout and mouseleave not working
<p>Hi I am using <code>mouseout</code> and <code>mouseleave</code> methods but both are not working. I tried to fix it but cant find the solution. My code looks fine, it has no errors so I want to know why it is not working. Here is example code <a href="http://jsfiddle.net/Dpp8a/" rel="nofollow">link</a></p>

<pre><code>$(".chzn-select").chosen()
$(function(){
    $('a').click(function(){
        $('.mydiv').addClass('redbrd')
    })

    $('.redbrd').live('mouseover', function(){
        var htm= '&lt;div id="mmt"&gt;some text&lt;/div&gt;'
        $('body').append(htm)
    })
    $('.redbrd').live('mouseout', function(){
        $('#mmt').remove()
    })
})
</code></pre>
