почему выполняется обработчик

Из базы выводится следующее

echo "<article>";
    echo "<p><strong>id: </strong>".$row["id"]."</p>";
    echo "<p><strong>title: </strong>".$row["title"]."</p>";
    echo "<p><div class='c_item_editable' id='c_item_edit_".$row["id"]."' data-item-db-id-edit='".$row["id"]."'>Редактировать</p> ";
    echo "<p><div class='c_item_delete'   id='c_item_delete_".$row["id"]."' data-item-db-id-delete='".$row["id"]."'>Удалить</p>";
    echo "<p>--</p><p>--</p><p>--</p><p>--</p>";
echo "</article>";

Затем идет обработчик

/*------Удаление товара и каталога------------*/
$("body").on("click", ".c_item_delete", function(e) {
    e.preventDefault();
    var checkdelete = confirm("Уверены, что хотите удалить?");
    if(checkdelete){
        id=$(this).data("item-db-id-delete");//получение атрибута, параметра, который пошлется в обработчик
        $.ajax({
               type: "POST",
               url: "catalog/remove_code.php",
               data:"post="+id,
               success: function(result) {
                    $("#c_item_delete_"+id).hide();
               }
         });
    }
    else{return false}
});
/*------Редактирование------------------------*/
$("body").on("click", ".c_item_editable", function(e) {
   e.preventDefault();
        location.href = '#editable';
        id=$(this).data("item-db-id-edit");//получение атрибута, параметра, который пошлется в обработчик
        $.ajax({
               type: "POST",
               url: "catalog/edit_output_code.php",
               data:"item_id="+id,
               dataType:'json',
               success: function(result) {
                     $('#editable_title').val(result.title);
                     $('#editable_tovar').val(result.tovar);
               }
         });

});

Никак не могу понять, при удалении, когда нажимаю ок у confirm все прекрасно удаляется, но почему открывается модальное окно #editable то срабатывает location.href = '#editable'; который относится к другому обработчику, который не трогаю.