I'm trying to apply a simple class to an input text box, but oddly it is not working.

```js
$('body, :text').addClass('courier');
$('body, input[type=text]').addClass('courier');
$('body, #text').addClass('courier');
```

```css
.courier {
      font-family: Courier New, serif;
      background-color: #000;
      color: #ccc;
    }
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<input type="text" id="text" />
```

I tried these three methods, but the changes are applied only to the body. I just also tried to add the class just to the input text.

```
$('body, :text').addClass('courier');
$('body, input[type=text]').addClass('courier');
$('body, #text').addClass('courier');

```

How can I do this?