指定したインデックスの要素を削除するにはどうしたら良いでしょうか？

Question

フォームデータをページを更新せず送信し、下記のようにformからsubmitクリックで指定したインデックスの要素を削除したいのですがうまくできません。
「<h3>タイトル</h3>」のDiv要素を削除したいのですが上から順に削除されてしまいます。

【Script】```lang-＜ここに言語を入力＞
$(document).ready(function(){
$(".remove").submit(function(){
$.get( "/remove.php", $(this).serialize(), function can(obj){
alert("この商品を取消しました");
$(".Inner").eq(obj).text('');
});
return false;
});
});

【HTML】
```lang-＜ここに言語を入力＞
<div class="Inner">
<h3>タイトル1</h3>
.
.
.
<form class="remove">
  <input type="hidden" name="keep_out" value="<?php echo $val['id']; ?>">
  <input type="submit" value="取消" onClick="can(0);">
</form>
</div>

<div class="Inner">
<h3>タイトル2</h3>
.
.
.
<form class="remove">
  <input type="hidden" name="keep_out" value="<?php echo $val['id']; ?>">
  <input type="submit" value="取消" onClick="can(1);">
</form>
</div>

<div class="Inner">
<h3>タイトル3</h3>
.
.
.
<form class="remove">
  <input type="hidden" name="keep_out" value="<?php echo $val['id']; ?>">
  <input type="submit" value="取消" onClick="can(2);">
</form>
</div>

[取り消し]をクリックでクリックした箇所のDivを削除したいのです。
何か他に良い方法はありますでしょうか？

ご教示のほどよろしくおねがいします。

Answer 1

get()関数はコールバックなのでこの様な指定では出来ないですね（汗）
jQueryを下記のようにしたら問題解決しました(^o^;

<script>
$(document).ready(function() {
   $(".remove2").submit(function() {
     $.get( "/remove.php", $(this).serialize(), function() {
	alert("この会場を取消しました");
     });
     $(".Inner").eq(2).text('');

     return false;
   });
});
</script>

formはこんな感じ(^o^;

<form class="remove2">
  <input type="hidden" name="keep_out" value="<?php echo $val['id']; ?>">
  <input type="submit" value="取消">
</form>