Razor JS with codeblock

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);
            _clear();
        }

        return {
            Write: _write,
            Flush: _flush
        };

    })();
    (function(){
      Html.Write('
');
 
    var moo = 'test';
    var foo = 'foo';
    var fooFunc = function(x){
        foo = x;
    }

Html.Write('
<br/>
');
Html.Write('<span data-id=\'_1\'></span>');
function _1(){ return Button.Create(function(s) { s.Text(moo); }) ; }
jQuery("span[data-id='_1']").html(_1());
Html.Write('        
            ');
  
    }).apply(Html)();

    Html.Flush();
</script>

gistfile2.html

@{ 
    var moo = 'test';
    var foo = 'foo';
    var fooFunc = function(x){
        foo = x;
    }
}
<br/>
@Button.Create(function(s) { s.Text(moo); })