[jQuery] Find and replace character inside div

[jQuery] Find and replace character inside div


Hi,
How to do a find and replace with Jquery.
For example...
Current:
<div id="fruits">Apple;Banana;Orange;Peach</div>
I want it to look like this:
<div id="fruits">Apple<br />Banana<br />Orange<br />Peach</div>
I found and tried this code but it only does the first one. I don't
know how to loop it.
var f = $('#fruits');
f.html(f.html().replace(";", "<br />"));
Any help would be appreciated. Thanks!