jQUery closest span Undefined
<p>My jQuery:</p>

<pre><code>$(".result").on("click", function(event){
Side;
var Id = $(this).closest('span.bannerid').data('id');
$.ajax({type: 'GET', url: 'someurl/klik?id=' + Id + '&amp;side=' + Side});
});
</code></pre>

<p>The HTML banner:</p>

<pre><code>&lt;div class="result"&gt;
&lt;span class="bannerid" data-id="6"&gt;&lt;/span&gt;
&lt;p style="text-align: center;"&gt;
&lt;a href="http://www.sonmeurl" rel="attachment wp-att-42"&gt;
&lt;img src="http://www.someimageurl" width="930" height="180"&gt;
&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>The problem is that the ID is undefined for the ajax call it seems like it cannot find the span with the id.</p>
