New to Javascript: How to debug what is changing text in <input> and <div> tags <p>I am debugging a complex web application and most of my experience is in OOP (such as Java) but not in JavaScript. The application makes heavy use of jQuery and has lots of javascript pop-up dialogs and the like.</p> <p>I have some fields and also some fields on one of the pages. For some of them, data is not appearing correctly from the data source, in others, the raw data is there, but it needs to be formatted (i.e. phone number shows up as 1234567890 instead of (123) 456-7890 )</p> <p>Unfortunately, the way this application works, these fields are not manipulated in code by the class or id name, so searching for either of these reveals nothing useful.</p> <p>I have been learning how to use the JS debuggers in chrome, firefox, and ie. I was optimistic when I found options in some of these browsers to set a breakpoint whenever a DOM element is modified. Unfortunately, in the case of these tags, none of these breakpoints seem to fire when the text inside is modified. (I set all types of DOM breakpoints that Chrome and FF offered me, still no luck.)</p> <p>What steps would a professional JavaScript programmer take in order to find out how the text in these fields is being modified? I would re-iterate, they are not being selected by use of the string literal ID or Class name.</p>