Как кодировать амперсанд в URL с JQuery

Question

У меня есть URL, динамично выход на DIV, которые содержат & так:

<div id="box"> 
    <a href="http://domain.com/index.html&location=1">First URL</a> 
    <a href="http://domain.com/index.html&location=2">Second URL</a> 
</div> 

Есть ли способ - с помощью JQuery - для каждого экземпляра & быть вместо этого преобразуется в эквивалент сущности HTML, чтобы результат стал таким?

<div id="box"> 
    <a href="http://domain.com/index.html&amp;location=1">First URL</a> 
    <a href="http://domain.com/index.html&amp;location=2">Second URL</a> 
</div> 

Answer 1

$('#box a').each(function(){ 
    $(this).attr('href', $(this).attr('href').replace('&','&')); 
    }); 

Answer 2

This will loop through all the a tags that exist in the document and will replace all the special chars in the href attribute into html entities

$('a').each(function(){ 
    $(this).attr('href',htmlEncode($(this).attr('href'))); 
    console.log($(this).attr('href')); 
}); 


function htmlEncode(value){ 
    return $('<div/>').text(value).html(); 
} 

Working demo

---

Looping through all the a tags and replacing only the & symbol:

$('a').each(function(){ 
    $(this).attr('href',$(this).attr('href').replace('&','&'); 
    console.log($(this).attr('href')); 
});