javascript - ページが更新されない限り、表示/非表示は機能しません

Question

編集:わかりやすくするために、この質問を編集しました。 編集 2:問題の半分を解決できました。

以下は、ユーザーがアップロードした写真を削除するための簡単なスクリプトです。

データベースに画像が保存されているかどうかによります。トグルまたはアップロード アイコンが表示されます。

問題は、削除ボタンをクリックすると、画像とトグル ボタンが削除されますが、アップロード アイコンが表示されないことです (ページが更新されない限り)。

if (image exists in database) { 

   <div class="toggle" id="toggle<?php echo $image_id ?>"></div>
 }      
 else {
    <div class="upload_icon"  id="upload<?php echo $image_id ?>"></div>
      }

`SQL query to select image in database` 

 //this DIV expands when the toggle button is clicked

 <div class="content" id="image<?php echo $image_id ?>"><img src="<?php echo 
 $path ?>" />  
    <div class="remove content"><a href="#" id="<?php echo $image_id ?>"   
    class="delete_icon">Remove!</a></div>
 </div>

Javascript 部分:

$(function(){
$('.delete_icon').on("click",function() 
{
var ID = $(this).attr("id");
var dataString = 'image_id='+ ID;
$this = $(this);
if(confirm("Are you sure you want to delete this image ?"))
{
$.ajax({
type: "POST",
url: "delete.php",
data: dataString,
cache: false,
success: function(html){

$('#image'+ID).remove()
$('#toggle'+ID).remove()
$('#upload'+ID).show();
});
}
return false;
});
});

ここで何が欠けていますか?