javascript - Drupal_add_js / Jqueryで評価中は未定 Node

Question

私はJqueryは初めてですが、JS、PHP、Drupalなどは初めてです。また、stackoverflowも初めてです。

ウェブカメラの画像を更新するために、次のような単純な HTML ファイルでテストするために使用します。

var URL = "http://webcam.tld/live.jpg";
var QueryString = "?random=RANDOM_NUMBER"; // simplified
$("#webcam").attr( "src", URL + QueryString ) ; 

これは機能します!!!

Drupal 7 では、JS ファイルは次のように含まれています。

<?php
drupal_add_js( 'sites/site_1/themes/t1/js/webcams.js' , 'file' ); 
print '<img id="webcam" src="http://webcam.tld/live.jpg" />';
?>

外部 JS ファイル 'webcams.js' は次のようになります。

jQuery(document).ready( function(){
    var URL = "http://webcam.tld/live.jpg";
    var QueryString = "?random=RANDOM_NUMBER";
    // This gives TypeError (see below)
    $("#webcam").attr( "src" , URL + QueryString ); 
    // THIS WORKS 
    alert( "Hello" ); 
} ) ;

次のエラー メッセージが表示されます。

TypeError: 'undefined' は関数ではありません ('$("#webcam")' を評価しています)

私が間違っていることは何ですか？

ヒントと注意をありがとう。ハンス