Quickly explaining the situation, here is what is happening,
- <div class="ui-widget">
- <div class='ui-widget-header'>Heading</div>
- <span>Description</span>
- </div>
code 1.structure of existing code
for the code1, in document ready handle i write mouseover,mouseout events and effects. Great it works :D.
I also provide a
button to create a similar widget to be added to the body. Now this also works , But the mouseover and other effects don't. How can i bind these events without writing whole bunch of code again.