Clone & Append with Modifications

by VENKATA VINAY BYSANI

HTML

<div>
    <ul>
        <li>One1</li>
        <li>One2</li>
        <li>One3</li>
        <li>One4</li>
    </ul>
</div>
<div style="display:none" id="menu">
    <ul>
        <li>@TN@1</li>
        <li>@TN@2</li>
        <li>@TN@3</li>
        <li>@TN@4</li>
    </ul>
</div>
<div id="newContent"></div>

JavaScript

$(document).ready(function () {
    var menuObject = $("#menu").html();
    //alert(menuObject.replace(/@TN@/g,"TWO"));
    $("#newContent").html("<h4> New Content </h4>" + menuObject.replace(/@TN@/g, "TWO"));
});