Question

I have 2 ajax calls and both ajax call using the same div id=”result”. The first ajax call is display Google maps and the second ajax is retrieve data from my db.

Before any ajax call. The div is

<div id="result">

Then first call Google maps ajax. The div changed to

<div id="result" style="background-color: rgb(229, 227, 223); overflow: hidden; ">

note* – Google maps automatically add attribute above.

After that, call the second ajax. The style attribute doesn’t remove.

<div id="result" style="background-color: rgb(229, 227, 223); overflow: hidden;">

How can I reset the result div to the default and display the result.

Answer 1

$('#result').removeAttr('style');