Jquery, meteorjs, editabletext package

My question is how to with jquery make when I click edit button that editabletext field comes into focus. Here is my code

$('.edit').click(function() {
        $('#editingTask').focus();
    });

    <ul>
        {{#each tasksToDo}}
            {{>task}}
        {{/each}}
    </ul>


<template name="task">
<li class="list_item">
    <span id="editingTask">{{> editableText collection="tasks" field="title"}}</span>
    <br>
    <div class="editBt">
        <button class="completed">Completed</button><button class="edit">Edit</button><button class="delete">Delete</button>
    </div>
</li>