[jQuery] Using addClass to Highlight Errors

[jQuery] Using addClass to Highlight Errors


I have what I'm certain amounts to a CSS misunderstanding on my part.
Here's the reduced problem:
CSS
input[type='text'], textarea {
background-color: #2c2c2c;
color: white; }
.warning {
background-color: "#851728"; }
.error {
background-color: "#8D580F"; }
HTML
<body>
<input type="text" id="title" />
</body>
jQuery
var title = jQuery("#title");
title.addClass('error');
The problem: The addClass does not affect the styling of #title.
Firebug shows .error, but as an empty selector.
Any hints are appreciated. And, BTW, is this an appropriate way to
flag errors -- by adding or removing a class?