jQuery .attr() method returning undefined
attr, jquery, undefined
Solution
That's because your `li` don't have IDs
Use this selector instead: `$('#footernav li a')`
Problem
``` <ul id="footernav"> <li><a href="javascript:void(0);" id="chat" data-icon="custom" data-transition="none">Tools</a></li> <li><a href="javascript:void(0);" id="email" data-icon="custom" data-transition="none">My Ride</a></li> <li><a href="javascript:void(0);" id="login" data-icon="custom" data-transition="none">News</a></li> <li><a href="javascript:void(0);" id="skull" data-icon="custom" data-transition="none">Cool</a></li> <li><a href="javascript:void(0);" id="coffee" data-icon="custom" data-transition="none" class"ui-btn-active ui-state-persist">Contact</a></li> </ul> ``` Now I am using this jQuery function to get the `id` of the `li` which I have clicked: ``` $('#footernav li').click(function(){ alert($(this).attr('id')); }); ``` But it returns `undefined`.