Странная проблема с input

[Marker]

Есть див, в нем текст...

<div id="container">
<div class="name">text</div>
</div>

$(document).ready(function() {
$('.name').click(function() {
$(this).html("<input type='text' />");
return false;
});
});

Кликаю на name - инпут появляеться, но не могу ничего написать в него(кликаю в него, выскакивает).
Но когда пишу тот же $('.name').html("<input...."); без клика, работает - можно писать.

В чем проблема?

[Deff]

<script src="http://code.jquery.com/jquery-latest.js"></script>

<div id="container">
<div class="name">text</div>
</div>

<script>
$(document).ready(function() {
  $('.name').on('click',function() {
    $('.name').off('click')
    $(this).html("<input type='text' >");
     return false;
  });
});
</script>

[danik.js]

можно просто $(el).one().

[Deff]

danik.js,
Я думаю - еще не конец, возможно по onchange, захочет запустить заново,..