bootstrap modal popup not closing

bootstrap modal popup not closing

I'm having trouble using a bootstrap modal popup. Calling a popup is no
issue, but trying to close it yields strange results. Instead of just
hiding the popup and removing the backdrop, the popup gets hidden but
another backdrop gets added, turning the screen almost black. the original
backdrop does not get removed.
Below is the html code I've tried to use
<div id="popupDelete" class="modal hide fade" role="dialog">
<div class="modal-header">delete transaction line?</div>
<div class="moda-body">
<button id="deleteYes">yes</button>
<button class="cancelButton" data-dismiss="modal">no</button>
</div>
</div>
this is what I got from the bootstrap 2.3 docs and should work out of teh
bix, like everything else from bootstrap.
I've also tried using javascript with the $('#popupDelete').modal('hide');
function, which had the same effect.