javascript do zmiany koloru textboxa

Hej,

mam taki kawałek kodu:

@Html.TextBox("one", null, new { id = "1"})
 

i teraz pod tym kodem mam funkcję javascript:

 
<script>
$(function () {
        $('#1').blur(function () {
            $.getJSON('/Quote/ValidateVoucher', 'id1=' + $('#1').val(), function(result) {
               
               
                if (result.s == "false" || result.s == false) {
                   
                    $('#1').css("color", "red");
                    $('#1').style.backgroundColor = "Red";

                }
                       
                       
                    });
        });
    });
</script>

Dlaczego to nie działa?

http://www.w3.org/TR/html4/types.html#type-id

ID NIE MOGA ZACZYNAC SIE OD CYFRY, zmien nazwe id

Zmieniłem i dalej nic, dalej to nie działa.

.css("color", "red");
.style.backgroundColor = "Red";

mylisz jquery z klasycznym Javascriptem

selektor:

$('#one').

zwroci ci obiekt jQUery i na nim nie mozesz wykonac . style.costam, tylko

.css("atrybut", "wartosc")

zas taki zapis:

document.getElementById("one")

to pobranie obiektu dom w klasycznym javascript i na nim nie mozesz wykonac . style.costam

wiec druga linijke zmien na:

document.getElementById("one").style.backgroundColor = "Red";

albo na

$('#one').css("background-color","Red");