Question

I have a span "@" positioned absolutely within an input to guide the user to insert their twitter handle. However, the span prevents the input from being focused if I click on the @ within the input.

Here’s a jsFiddle of the problem: http://jsfiddle.net/UxQet/

I tried adding the following jQuery to fix it but that didn’t work:

$(function(){
  $('td#twitter input').click(function(){
    $(this).focus();
  });
});

Can someone help me fix this?

Answer 1

Try:

$("td#twitter p").click(function() {
  $(this).next().focus();
});

HERE is the code.