Bootstrap Modal Error

Shows the display of the previously loaded content when launching the modal a number of times.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<li class="span4 device">
    <div class="inner">
        <h3>Device 4</h3>
        <div class="device-product">
            <img class="device-image" src="img/placeholder-holding-image.png" alt="Holding Image" />
            <a href="#" class="hide">Troubleshoot this item</a>
            <a href="#" class="hide">How to use this product</a>
        </div>
        <div class="device-details">
            <div class="control-group">
                <label class="control-label">Device Type:</label>
                <span class="field">Really cool device</span>
            </div>
            <!-- Small amount of hidden additional information -->
            <div class="control-group hide">
                <label class="control-label">Device ID:</label>
                <span class="field">123456</span>
            </div>
        </div>
    </div>
</li>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

JavaScript

// Set modal html as a variable
var customModal =
    '<div class="custom-modal modal hide fade" tabindex="-1" role="dialog" aria-hidden="true"> \
    <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button></div> \
    <div class="modal-body"></div> \
    <div class="modal-footer"><button class="btn" data-dismiss="modal">Close</button></div> \
    </div>';

// Remove the modal once it's closed
$(document).on('hidden', '.custom-modal', function () {
    $(this).remove();
});

$('.device').click(function(){
    
    $('body').append(customModal);
    
    $(this).find($('h3')).clone().appendTo('.custom-modal .modal-header');
    $(this).find('.device-product, .device-details').clone().appendTo('.custom-modal .modal-body');
    $('.custom-modal .hide').show();
    $('.custom-modal').modal();
    
    $('.custom-modal').on('hidden', function(){
    alert("sdfs");
        $(this).removeData('modal');
    });
});