javascript - imgのjQuery .attr("src")が機能しない

Question

これは私の地獄を悩ませます。

<div id="HLrec_preview" style="width: 218px;">
    <img src="HLrec.jpg" style="width: 218px;">
<div style="font-weight: bold;" id="title">a</div>
<div id="link">a</div>
<div id="plaintext">a</div>
</div>
<script>
    var HL_rec_image_link = $("#HLrec_preview img").attr("src");
    alert(HL_rec_image_link);
</script>

コードはjsfiddle http://jsfiddle.net/t72uQ/で完全に機能します

しかし、私のウェブサイトでは、それは機能しません。アラートが空白で表示されます。

結果に影響を与える外部の何かがあるに違いありませんが、何がわかりません。

何が原因でしょうか?

前もって感謝します

より完全なコード:

<input type="button" id="HLrec_input" value="HL Recommends" style="display:block; width:222px;"/>
<div id="HLrec_preview" style="width: 218px;">
    <img src="" style="width: 218px;"/>
    <div style="font-weight: bold;" id="title"></div>
    <div id="link"></div>
    <div id="plaintext"></div>
</div>
<script>
$(document).ready(function(e) {

            var HLrec = "<?php 
    if(isset($_GET["ID"])) 
        echo $row["HL_REC"];
    else
        echo "0";
        ?>";
        if(HLrec == "1")
        {   
            <?php
        $query = "SELECT IMAGE_LINK, TITLE, LINK, PLAINTEXT FROM HL_Rec WHERE ID=" . $_GET['ID'];
        $result = mysql_query($query);
        $row = mysql_fetch_assoc($result);
            ?>

            $("#HLrec_preview img").attr('src', "<?php echo $row["IMAGE_LINK"]; ?>");   
            $("#HLrec_preview #title").text("<?php echo $row["TITLE"]; ?>");
            $("#HLrec_preview #link").text("<?php echo $row["LINK"]; ?>");
            $("#HLrec_preview #plaintext").text("<?php echo $row["PLAINTEXT"]; ?>");
        }

$("#submit_input").click(function(e) { 
            //set HLrec data
    var HL_rec = 0;
    var HL_rec_title = "none";
    var HL_rec_link = "none";
    var HL_rec_image_link = $("#HLrec_preview img").attr("src");
    var HL_rec_plaintxt = "none";
    alert(HL_rec_image_link);
    if(HL_rec_image_link.length > 0)
    {
        HL_rec = 1;
        HL_rec_title = $("#HLrec_preview #title").text();
        HL_rec_link = $("#HLrec_preview #link").text();
        HL_rec_image_link = $("#HLrec_preview img").attr('src');
        HL_rec_plaintxt = $("#HLrec_preview #plaintext").text();
    }
    else
        HL_rec_image_link = "none";
       });
});
</script>

もっとコードを！このコードは、ページで呼び出された iframe から src を変更します

//appends the article tags with content
var title = $("#title").val();
var url = $("#link").val();
var plaintxt = $("#plaintext").val();
//inject html
$("#HLrec_preview img", parent.document).attr('src', newfile);
$("#HLrec_preview #title", parent.document).text(title);
$("#HLrec_preview #link", parent.document).text(url);
$("#HLrec_preview #plaintext", parent.document).text(plaintxt);

おっと。

干渉する別のコード行がありました。それが起こったら嫌いです。

これは悪いコードです

//remove t variable from img src's to re enable caching
$("#content_reader_collumn img, #submit_form img").each(function(index, element) {
    $(this).attr("src", $(this).attr("src").substring(0, $(this).attr("src").indexOf('?t=')));
});

セレクターを変更するだけです。

助けてくれてありがとう