title: jquery .data() returns TypeError: Cannot call method 'split' of undefined in the console
body: <p>I just can not wrap my head around on why this happens. In here it works as I think it should work: <a href="http://jsfiddle.net/TD2Yp/5/" rel="nofollow">http://jsfiddle.net/TD2Yp/5/</a></p>
  
  <p>The console brings <code>Object {filetype: "first"}</code> as a first log. But under my demo link:</p>
  
  <p><a href="http://beta.us.lt/demo/" rel="nofollow">http://beta.us.lt/demo/</a> where I do exactly the same in the console:</p>
  
  <p><code>$("#types").data("filetype")</code> - works as it brings back the filetype, but:</p>
  
  <pre><code>$("#types").data() brings:
  </code></pre>
  
  <blockquote>
    <p>TypeError: Cannot call method 'split' of undefined</p>
  </blockquote>
  
  <p>Still not sure what is the difference between these two different contexts or how I could check what data holds the element under the demo link.</p>