How to get Id of an HTML and DOM object in jQuery? Example Tutorial

As a page author, the id of an HTML element is something you should know. Still, there are scenarios when the page is automatically generated, or maybe some form elements are generated by using frameworks like JSF. In that case, what do you do if you want to find an id attribute of some elements in the page programmatically? How do you find those ids using jQuery? There are several ways to solve this problem, a couple of them in this article itself.  The jQuery API provides many methods to get any attribute or property, including the id of an HTML element programmatically.