Change code to jQuery and now value is not being displayed

[gcardonav]

Hi guys,

I change my code from Javascript to jQuery and I believe I have everything allright, but my jQuery is not showing the value. Can you help me with it? I am adding the important snippets but if you need all my code here is it Click Here.

Thank you.

My original Javascript

    function guessesUsed(attemptsTaken) {
        var numGuessesLeft = document.getElementById("userAttempts");
        numGuessesLeft.innerHTML = attemptsTaken;
    }

HTML (Older version)
<div>You have guessed: <span id="userAttempts"></span> times</div>

jQuery version

        function guessesUsed(attemptsTaken) {
            var numGuessesLeft = $('#userAttempts').val();
            numGuessesLeft.innerHTML = attemptsTaken;
        } //End of function guessesUsed(attemptsTaken)

HTML New Version
<p id="guessesUsed">You have guessed: <span id="userAttempts"></span> times out six(6) chances.</p>
CSS for the jQuery version

.guessesLeft {
    font-weight:bold;
    color:#C00;
}

[paulkd]

Hi,

.val() is for form values. you need to use .text()

[gcardonav]

I did do that before but it was not appearing either. Code is here if you want to see. Click Here

[paulkd]

I've created a small piece of code based on yours, but without the frills, for you to review.

http://jsfiddle.net/z04bpvky/1/

[gcardonav]

I used your suggestion and now code is running smooth again. Thanks. I am not sure why my fucntion became obsolete but this does makes the code simpler.

Thank you Paul.