Como comparar uma entidade html com jQuery

Eu tenho o seguinte código html:

<h3 id="headerid"><span onclick="expandCollapse('headerid')">&uArr;</span>Header title</h3>

Gostaria de alternar entre seta para cima e seta para baixo sempre que o usuário clicar na tag de extensão.

function expandCollapse(id) {   
    var arrow = $("#"+id+" span").html(); // I have tried with .text() too
    if(arrow == "&dArr;") {     
        $("#"+id+" span").html("&uArr;");               
    } else {        
        $("#"+id+" span").html("&dArr;");               
    }
}

Minha função está sempre indo para o outro caminho. Se eu fizer um javacript: alerta dearrow variável Estou recebendo a entidade html representada como uma seta. Como posso dizer ao jQuery para interpretar oarrow variável como uma string e não como html.

questionAnswers(5)

yourAnswerToTheQuestion