Jquery .html() seems not update JS code

Question

I load a template from an ajax call(and I put that content inside a div using .html()). This template has and some divs.

The problem is that I receive the correct JS from that call, but it seems that .html() does not update the <script>. I have:

<div id="val">
   <script>....</script>
</div>

when I do: $('#val').html(contentFromAJAX), the JS is not loaded correctly. How can i do?

EDIT: with "not loaded correctly", I mean that the previous <script> inside that div remain there, .html() seems do not change it.

what is not working are you sure you have something in the variable? jsfiddle.net/ue44U do you want to execute the returned content as JavaScript? or add some JavaScript to the DOM? — user359135
– user359135, Commented Nov 2, 2011 at 10:12
im confused... are you recieving html or js from the ajax call?? for js try text() instead of html() — ZolaKt
– ZolaKt, Commented Nov 2, 2011 at 10:12
@ZolaKt, I'm receiving a template....this template has <script> and <div> — Dail
– Dail, Commented Nov 2, 2011 at 10:13
@gordatron: i dont think that is important, even if the variable is empty it should replace the old html — ZolaKt
– ZolaKt, Commented Nov 2, 2011 at 10:13
@Dail: what kind of template? there are many templates... post the sample return from the call — ZolaKt
– ZolaKt, Commented Nov 2, 2011 at 10:14

xdazz · Accepted Answer · 2011-11-02 10:13:45Z

0

Set the dataType of your ajax call: dataType: "script"

answered Nov 2, 2011 at 10:13

xdazz

161k38 gold badges255 silver badges278 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1