coffeescript focus is not setting on my field - coffeescript

Question

I want to make client side validation in my project.
Here the requirement is, if the user submitted blank form or he did not field any one input field, then normal html list should have to generate.
Under that list, the all input fields should have to come who has error.
Not only the input field, but it should be the link of that input field.
Once the links came in that list, then user should be able to click on that link. after clicking on that link, then his focus should have to set on the text field.
Here I could create link properly, but I can’t set the focus.
So here my coffeescript:
$(document).ready ->
# first fetch all input field who have errors.
errorElements = $('.content').find('.help-inline').prev()
ul = $('<ul id="errorlist"></ul>')
errorElements.each (i) ->
span = $(this).next()
labelText = $(this).parent().parent().find('label')
$(' <li> <a href="#' + $(this).attr('id') + '" class="errorlink" >' + labelText.text() + ' ' + '(' + span.text() + ')' + '</a></li>').appendTo(ul)
$('#errorcontainer').html(ul)
$(".errorlink").bind "click", (e) ->
# first I am checking it is binding or not.
alert('hello')
$(this).attr(‘href’).setFocus()
I am using simple_form for my html.
So it is generating html for me like this:
<div class=' content '>
<form accept-charset="
UTF-8
" action="
/levels/basic-computer/topics" class="
simple_form form-horizontal
" enctype="
multipart/form-data
" id="
new_topic " method=" post " novalidate=" novalidate ">
<div style=" margin:0;padding:0;display:inline ">
<div class=' form-inputs'>
<div class=" control-group string required topic_title error ">
<label class=" string required control-label " for=" topic_title ">
<abbr title=" required ">
*
</abbr>
Title
</label>
<div class=" controls ">
<input class=" string required " id=" topic_title " name=" topic[title] " size=" 50 " type=" text " value="" />
<span class=" help-inline ">
can't be blank
</span>
</div>
</div>
What I am wrong here?

Answer 1

I was under the impression that just using .focus() on the jQuery object would be sufficient.
jQuery API Docs: Focus
So in theory as long as this is the correctly selected element you only need to do this:
$(this).focus()
Also I notice that you're bind code is outdented from the $(document).ready block.
Another tip in coffeescript $ -> is shorthand for $(document).ready...
For example
$ ->
# do something after the document is ready