How to make a div with a blinking cursor and editable text without using <input>?

Question

I need to make a div layer so that when you click on it you will have your cursor there blinking and you can insert/delete text just like

Answer 1

Jquery can be used like this:

$.('#yourDiv').click(function() {
    $(this).attr('contenteditable', 'true');
});