Razor JS 2

gistfile1.js

<script type='text/javascript'>
    var Html = (function(){
        var content = jQuery('<div>');
        
        function _write(html){
            content.append(html);
        }

        function _clear(){
            content.html('');
        }

        function _flush(){
            jQuery(document).append(content);
        }

        return {
            Write: _write,
            Flush: _flush
        };

    })();
    (function(){
      Html.Write('
<span>Testing</span>
');
Html.Write('<span data-id=\'_1\'></span>');
function _1(){ return Button.Create(function(setting){
    setting.Name = 'Test';
}).Render(this)
; }
jQuery("span[data-id='_1']").html(_1());
Html.Write('
<span>Test2</span>
');
  
    }).apply(Html)();

    Html.Flush();
</script>

gistfile2.html

<span>Testing</span>
@Button.Create(function(setting){
    setting.Name = 'Test';
}).Render(this)
<span>Test2</span>