javascript returns HTML doesn't get bind properly

Question

in my aspx page i call a javascript function, from a div tag

that function generates some html which it returns.

this html suppose to show an icon , instead the html which is generated gets bind to div tag.

here's what i have done..

<div>{{ ifRecy(IsVal,Date)}}</div>

this is my function

 function ifRecy(isRecy, Date) {

    var isHTML ='';
    if (isRecy == 'true') {
        isHTML += '<span class="myclass" title="my icon">';
        isHTML += '<acronym class="invisibleText">recy</acronym></span>';

    } else if (...condition) {
    ...
    html binding
    ...
}

    return isHTML;
}

this returns the entire HTML generated....

'<span class="myclass" title="my icon"><acronym class="invisibleText">recy</acronym></span>'

instead of icon..

is there something that can be done to solve it