Binding event with mouseover on an iframe that sits on my page with a src that contains
<p>I have some third party iframes that sit on my page and I want to capture when a user <code>mousesover</code> them ONLY if the src of those iframes contain either twitter or facebook anywhere in the src text. Since I can't capture the clicks (I can with their custom methods, I want to keep code completely seperate). I want to capture when a user mouses into an iframe (that sits on my page, is not brought in by them). The "SRC" of the iframe is outside my site, but the actually call is in my page. Any ideas?</p>

<p>ala:</p>

<pre><code>var _self = this;
$("iframe src").filter('/facebook|twitter/')
    .mouseover(function(event){
    event.stopPropagation();
    _self.somemethodcall();
});
</code></pre>

<p>or something like:</p>

<pre><code>var _self = this;
$('iframe').filter(function() {
    return $(this).attr('src').match(/facebook|twitter/);
}).bind("mouseover", function(event) {
    event.stopPropagation();
    _self.somemethodcall();
});
</code></pre>
