Razor with Expression between dot

gistfile1.js

<span><span data-id='_1'></span>. <span data-id='_2'></span>.</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 bar = 'Bar';
    var foo = 'Foo';

function _1(){ return foo; }
function _2(){ return bar; }

      jQuery("span[data-id='_1']").replaceWith(_1());
jQuery("span[data-id='_2']").replaceWith(_2());

    })();
</script>

gistfile2.html

@{
    var bar = 'Bar';
    var foo = 'Foo';
}
<span>@foo. @bar.</span>

gistfile3.txt

Foo. Bar.