JQuery .attr(“title”) undefined
JQuery .attr(“title”) undefined
HTML
<div>
<input type="button" id="btnNew" name="submitCommand" value="New Funding" onclick="test(); return false;" />
</div>
<span id="result"></span>
<div class="stage" id="stg32432432" title="Name - desc1">
1...
</div>
<br />
<div class="stage" id="stg32432433" title="Name - desc2">
2...
</div>
<br />
<div class="stage" id="stg32432434" title="Name - desc3">
3...
</div>
<br />
<div class="stage" id="stg32432435" title="Name - desc4">
4...
</div>
CSS
h1
{
font-size:25px;
}
JavaScript
$(document).ready(function () {
$('[class=stage][id^=stg]').live('mouseover', function () {
var name = $(this).attr('title');
$('#result').html('<h1>This div title is: ' + name + '</h1>');
});
});
function test()
{
$('#result').html('<h1>BEEP</h1>');
}