Change to HTML entity with jQuery
===

I have some URLs being dynamically output onto a div which contain & like this:

    <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>

Is there a way - using jQuery - for every instance of & to be converted into the HTML entity equivalent instead, so that the output becomes this?

    <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>

Thanks in advance.