Проблема с append() 
		
		
		
		Подскажите, почему при отработке вот этого кода, у меня в итоге срабатывает только последний td#name?  
	
var check_fail = $("<img src='/images/check_fail.png' />");
$('td#email').append(check_fail);
$('td#password').append(check_fail);
$('td#name').append(check_fail);
Если я поставлю последним любой другой элемент он тоже отработает как положено, а те что идут до него нет. В итоге должно получиться вот так: <td id="email"><img src='/images/check_fail.png' /></td> <td id="password"><img src='/images/check_fail.png' /></td> <td id="name"><img src='/images/check_fail.png' /></td> А пока получается вот так: <td id="name"><img src='/images/check_fail.png' /></td> Подскажите пожалуйста, что не так.  | 
	
		
 
<!DOCTYPE HTML>
<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  </head>
  <body>
    <table>
      <tr>
        <td id="email"></td>
        <td id="password"></td>
        <td id="name"></td>
      </tr>
    </table>
    <input type="button" value="Check" />
    <script>
      $('input').click(function() {
      	var check_fail = $("<img src='http://help.wileyplus.com/browsercheck/images/check-fail.gif' />");
		$('td#email').append(check_fail*!*.clone()*/!*);
        $('td#password').append(check_fail*!*.clone()*/!*);
        $('td#name').append(check_fail*!*.clone()*/!*);
      });
    </script>
  </body>
</html>
 | 
| Часовой пояс GMT +3, время: 04:46. |