小書籤找不到輸入框

我已經做了一個小書籤，它應該突出顯示網頁上的密碼和用戶名框。它找到密碼框，並且似乎正在查找之前的文本框，但之後它停止工作。這裏是我的代碼：小書籤找不到輸入框

<html> 
<head> 
</head> 
<body> 
<a href="javascript:var boxes= $(':text, :password');var selectionBox = $(':password'); selectionBox.css('background','red');for(var i = 0; i < boxes.length;i++){alert('loop');if(boxes[i] == selectionBox[0]){alert('Username box found');boxes[i-1].css('background','blue');alert('Success!');}}">Password box highlighter</a> 
</body>

，我得到一個警告框說「環」了幾次，那麼「發現用戶名盒子」，但隨後停止下一行的工作，並沒有「成功了！」警報框。有人知道我做錯了什麼嗎？謝謝。

編輯：這裏是攤開代碼：

var boxes= $(':text, :password'); 
var selectionBox = $(':password'); 
selectionBox.css('background','red'); 
for(var i = 0; i < boxes.length;i++){ 
alert('loop'); 
if(boxes[i] == selectionBox[0]){ 
    alert('Username box found'); 
    boxes[i-1].css('background','blue'); 
    alert('Success!'); 
} 
}

來源

2013-05-15 Daniel Causebrook

你覺得我們應該進行調試裝在這樣一行代碼？ –

@Riateche對不起，但它必須在一行上，因爲它是一個小書籤。 –

我們是否可以使用一些HTML，這裏是您當前js代碼的小提琴，在多行上讀起來更容易：http://jsfiddle.net/tymeJV/JAb2f/ – tymeJV