画像プレビュー時に、既存画像の横に、新規プレビュー画像が出ます。
既存画像と入れ替えるように、表示させるにはどうしたら良いでしょうか?
よろしくお願い致します。

<div class="field">
  <%= image_tag @user.picture.url if @user.picture? %>
  <%= f.label :picture, '画像' %>
  <%= f.hidden_field :picture_cache %>
  <img id="img_prev" width=200 height=200 src="#" class="img-thumbnail  hidden"/>
  <%= f.file_field :picture, :id => 'post_post_img' %>

  <script type="text/javascript">
    $(function() {
      function readURL(input) {
        if (input.files && input.files[0]) {
          var reader = new FileReader();
          reader.onload = function (e) {
            $('#img_prev').attr('src', e.target.result);
          }
          reader.readAsDataURL(input.files[0]);
        }
      }
      $("#post_post_img").change(function() {
        $('#img_prev').removeClass('hidden');
        readURL(this);
      });
    });
  </script>
</div>