Any way to view exactly what's going in the HTML via Firebug with dynamic updates to input fields?

I'm开发者_运维问答 using JavaScript to customize radio buttons. I added labels for each of the buttons and when I click the labels, it seems to be updating the selected radio properly, but not when I click the radio button graphic. (only the background position changes)

Is there anyway I can make it so I can view the changes when to each of the radio button input elements in firebug when clicking on them?

If you'd like to see an example of what I'm talking about, go here, inspect one of the radio button elements and click on them and you'll see the code never changes (i.e. checked="checked").

When you change the DOM via Javascript, you're changing the in-memory version. The source of the DOM is never modified by your Javascript.

See: Firefox Live DOM.

If you right click on the element and select "Inspect Element" it will show you the HTML for this element in memory and will reflect changes to that as you interact with the page.

Also if you select the "Script" tab you can find your javascript and set break points to allow you to step through the script and debug any issues that may be occurring.