Razor JS with multiple expression attribute

gistfile1.js

<span special = '_1_a' class='test' id='_2_a'><span data-id='_3'></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 attributeValue = 'Test';
    var value = 'Value';
    var anotherAttr = 'Something';

function _1_a(){ return anotherAttr; }
jQuery('span[special="_1_a"]').attr('special', _1_a());
function _2_a(){ return attributeValue; }
jQuery('span[id="_2_a"]').attr('id', _2_a());
function _3(){ return value; }

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

    })();
</script>

gistfile2.html

@{
    var attributeValue = 'Test';
    var value = 'Value';
    var anotherAttr = 'Something';
}
<span special = '@anotherAttr' class='test' id='@attributeValue'>@value</span>