javascript - 2 つのクラスが存在する場合に入力の値をクリアできない

Question

このコードを使用して入力をクリアすると、うまくいきます!! 入力に2つのクラスがない限り...

これは機能しています

<input class="textBox" name="textBox" value="some value" >

$(document).ready(function() {
    var default_val = '';
    $('input[class^="textBox"]').focus(function() {
        if($(this).val() == $(this).data('default_val') || !$(this).data('default_val')) {
            $(this).data('default_val', $(this).val());
            $(this).val('');
        }
    });

    $('input[class^="textBox"]').blur(function() {
        if ($(this).val() == '') $(this).val($(this).data('default_val'));
    });
});

これは機能していません

しかし、入力がこれに変わると

<input class="text_box textBox" name="textBox" value="some value" >

コードを次のように変更しても、これは機能しません

$(document).ready(function() {
    var default_val = '';
    $('input[class^="text_box textBox"]').focus(function() {
        if($(this).val() == $(this).data('default_val') || !$(this).data('default_val')) {
            $(this).data('default_val', $(this).val());
            $(this).val('');
        }
    });

    $('input[class^="text_box textBox"]').blur(function() {
        if ($(this).val() == '') $(this).val($(this).data('default_val'));
    });
});

これは、機能しない入力です

<input class="text_box textBox" type="text" name="email" id="email" value="Su Correo electrónico" size="22">