jQuery - replace html tag into textbox value by Norlihazmey Ghazali

Replace HTML tag with textbox value on click button

by Norlihazmey Ghazali

HTML

<input id="toChange" type="text" value="hi"/>
<p id="clickMe" onclick="changeTag()">Click Me</p>

JavaScript

function changeTag(){
    var originalForm = $('#toChange');
    var div = $('<div/>',{
        text : originalForm.val(),
        id : originalForm.attr('id')
    });
    $('#toChange').replaceWith(div);
}