I have something very strange going on and I can't figure it out. 

Whenever I have row like

```
<tr class="bold-and-caps">
    <td>Score</td>
    <td>Partner planning</td>
    <td><input type="text" class="completeness avg" value="0.0" disabled="disabled"></td>
     <td><div class="readiness-circle"></div></td>
</tr>

```

selected by `$score_row` and I want to change the the `value` of the `input` and the CSS `background-color` of the `.readiness-circle`. I run 

```
$score_row.find('input.completeness').val(average);

```

and that works. 

Then I run 

```
$score_row.find('.readiness-circle').css('background-color', newcolor);

```

and it doesn't work and in fact `$score_row.find('.readiness-circle')` doesn't select anything. I'm wondering does running `$score_row.find('input.completeness').val(average)` somehow screw up the context of the itself? I'm confused ...

**EDIT:** What the Hell is going on here? When do `.remove()` instead of `.css('background-color', newcolor);`, they are removed. So it doesn't have to do with the selector.