How to add a new element in the current object?
<p>There is the following JQuery code:</p>

<pre><code>    $(document).ready(function(){
        $(".translated").mouseenter(function(){
            $(this).html("&lt;input type='text'/&gt;");
        });
    });
</code></pre>

<p>And there is the table with many <code>&lt;div class="translated"&gt;</code> items with text in it. I need to replace text in div block to input item by mouseenter event. It works. But I also need to set attributes for input element in the process of replacing, and I don't know how I can do it because I'm new in JS/JQuery. Please, give me some info. Thank you in advance. </p>

<p>UPDATE: sorry, my attributes is calculated with JS too, it isn't constant. </p>

<p>UPDATE 2: 
Algorithm:
1) Insert input item in div item 
2) Change height of the new inserted item</p>
