Razor JS with inline Html.Write

gistfile1.js

<span data-id='_1'></span>
<br/>
<span data-id='_2'></span>

<!--<script src='http://code.jquery.com/jquery-1.9.1.min.js'></script>-->
<script type='text/javascript'>
    var Model = {},
        ViewResponse = function () {
            return {
                Buffer: jQuery('<div/>'),
                Clear: function () { this.Buffer.empty(); },
                Write: function (data) { this.Buffer.append(data); },
                GetBuffer: function () { return this.Buffer.contents(); },
                SetBuffer: function (data) { this.Buffer = data; }
            }
        };
    (function(){
      
    var myVariable = 10;

var _1 = new ViewResponse();
  _1.Write("Test" + myVariable);
 jQuery("span[data-id='_1']").replaceWith(_1.GetBuffer());

var _2 = new ViewResponse();
 _2.Write("Test" + myVariable);
 jQuery("span[data-id='_2']").replaceWith(_2.GetBuffer());


      
    })();
</script>

gistfile2.html

@{
    var myVariable = 10;
}
@{ Html.Write(""Test"" + myVariable); }
<br/>
@{Html.Write(""Test"" + myVariable); }