JQuery .attr won't retrieve or change values

Question

I'm trying to change HTML attributes using jQuery, but no matter what I do, I can't get anything to work with jQuery's .attr().

For testing, I've written

alert($("#logo").attr("title"));

and even though I have an img with id="logo" and a title, the alert remains blank.

My full method:

function switchVideo(videoID) {
    var videoPlayer = document.getElementById("example_video_1");
    videoPlayer.src = "video/Occam.webm";
    videoPlayer.load();
    $("#example_video_1").attr("poster", "video/ss.png");

    //Doesn't work:
    alert($("#logo").attr("title"));
    $("#logo").fadeOut();

    videoPlayer.play();
}

My fade out works, so I know I imported jQuery correctly.

I've gotten it working in another document, so there must be something else in the document messing it up. Does anyone know why this simple method won't work?

You can see the source page at http://jrstrauss.net/temp/create.html

Answer 1

Your div has the id logo, not the img. Try:

$("#logo img").attr("title")

Answer 2

You should be using $.fn.prop for that now: http://api.jquery.com/prop/