Use jquery to set value of div tag

Question

I have this html div tag defined:

<div style="height:100px; width:100px" class="total-title">     first text </div> 

I have jquery code to change its value:

 $('div.total-title').html('test'); 

But this does not change the content of the div.

Answer 1

if your value is a pure text (like 'test') you could use the text() method as well. like this:

$('div.total-title').text('test'); 

anyway, about the problem you are sharing, I think you might be calling the JavaScript code before the HTML code for the DIV is being sent to the browser. make sure you are calling the jQuery line in a <script> tag after the <div>, or in a statement like this:

$(document).ready(     function() {         $('div.total-title').text('test');     } ); 

this way the script executes after the HTML of the div is parsed by the browser.