How do I move inline-javascript to script tags?
<p>So I've got this popover which is working good, here is the html of the popover:</p>

<pre><code>&lt;div class="popover2"  onmouseover="$(this).mouseleave(function() {$(this).hide(); });"&gt;
    &lt;div class="arrow"&gt;&lt;/div&gt;
    &lt;div class="popover2-inner"&gt;
        &lt;span class="popover2-title"&gt;Popover() 2&lt;/span&gt;
    &lt;div class="popover2-content"&gt;
        &lt;ul class="unstyled"&gt;
            &lt;li&gt;&lt;span&gt;$200 Bronze&lt;/span&gt;&lt;p&gt;2 hrs. drivers training&lt;/p &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<p>And I've got this instantiation code:</p>

<pre><code>    $('.popover2-test').popover({
    placement:'bottom',
    template: $('.popover2'),
    trigger: 'manual',
    animate: false,
    html: true,

        }).click(function(e) {
            e.preventDefault() ;
        }).mouseenter(function(e) {
            $(this).popover('show');
    });
</code></pre>

<p>But I want to move the inline onmouseover javascript stuff into the instantiation code. I don't know how to do this. Any help is great, thanks.</p>
