After using .empty() div won't repopulate
<p>After populating some divs according to users' selections I want to give them the option to clear the data and start all over.</p>

<p>To fill in the divs with an image and a caption I'm using:</p>

<pre><code>$('#options img').click(function () {
    var imageName = $(this).attr('alt');
    var chopped = imageName.split('.');
    $('#titleImage').empty();
    $('#titleImage')
        .prepend(chopped[0]);
    $img = $(this);
    $('#_targetDiv img').attr('src', $img.attr('src'));
})
</code></pre>

<p>And the to clear all divs:</p>

<pre><code>$('#reset').click(function () {
    $('div[id^=title], div[id$=_targetDiv]').empty();
});
</code></pre>

<p>But after clicking 'reset' to start over and choosing an image from the menu the target div remains empty, though the title caption does appear.  Why does that happen, and how can I correct it?</p>

<p>Thanks in advance.</p>
