<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-442526726010203528</id><updated>2012-01-21T12:20:41.636-08:00</updated><category term='An Introduction to Web Application'/><category term='Java String compare to determine Equality'/><category term='IP Address and  ISP Name'/><category term='A Sample Code of Java Class'/><category term='Read and download the Java EE 5 API Specification'/><category term='Java API  map flow'/><category term='using a RequestDispatcher (&apos;include&apos; and &apos;forward&apos;)'/><category term='latest version of Firefox'/><category term='RequestDispatcher.forward()'/><category term='we have two examples in Java enum'/><category term='Desktop Shortcut Icons&apos; Background Color changed'/><category term='NetBeans IDE 6.5 Beta'/><category term='JDBC connectivity with MySQL'/><category term='here'/><category term='Google AppEngine to Support Java and JavaScript'/><category term='Have a glance about Hibernate over JDBC'/><category term='look at the for statement loop .its a indifiitely'/><category term='Web Server and Application Server'/><category term='Java SDK for Microsoft .NET Services'/><category term='and PageContext.forward()'/><category term='what is an Object and an Instance.'/><category term='Features Of Hibernate - in a nutshell'/><category term='Want to power on your computer?'/><category term='Have a look about general things'/><category term='The Apache Software Foundation welcomes Microsoft as a Platinum Sponsor'/><category term='response.sendRedirect()'/><category term='public static void main(args[])'/><category term='Software release stages'/><category term='thum chalo ...tho Indhusthan chale'/><category term='Struts Tutorials - Jakarta Struts Tutorial'/><category term='make autorun cd in 4 steps'/><category term='what is it that POST is not idempotent and GET is idempotent?'/><category term='Free online courses (duration 4 to 5 months) that are being taught by Sang Shin'/><category term='NetBeans IDE Download Bundles'/><category term='I have one to clarify'/><category term='Multiple Yahoo Messanger IN the same PC'/><category term='Download Java EE Tutorial 1.0 Update 4'/><category term='Struts Flow Diagram'/><title type='text'>Java Developer Temple</title><subtitle type='html'>A Single Roof for the Java Developers, where we can share knowledge and sharpen. Visitors can do comments and discuss with the topic posted and much more.
       Stay tuned...and...Enjoy!</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default?start-index=101&amp;max-results=100'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>252</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-5400511348544375006</id><published>2012-01-21T12:20:00.000-08:00</published><updated>2012-01-21T12:20:41.651-08:00</updated><title type='text'>Open hiper link with new tab or window</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-TXGb2quqPUo/TxseDFg_M0I/AAAAAAAAARY/U1xAniTf058/s1600/hrefNewTab.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="67" src="http://4.bp.blogspot.com/-TXGb2quqPUo/TxseDFg_M0I/AAAAAAAAARY/U1xAniTf058/s320/hrefNewTab.JPG" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;The addition of the TARGET attribute to a hyperlink lets you dictate where the linked page opens. &lt;br /&gt;&lt;ul&gt;&lt;li&gt;target="_blank" Opens the linked page in a new tab or window.&amp;nbsp;&lt;/li&gt;&lt;li&gt;target="_self" Opens the linked page in the same tab or window.. This is the default for ordinary pages and doesn't need to be specified. It has a use when working with frames.&lt;/li&gt;&lt;li&gt;target="_parent" Opens the linked page in the parent frame in a frames page.&amp;nbsp;&lt;/li&gt;&lt;li&gt;target="_top" Opens the linked page in a full (i.e. top level) window when used in frames pages. This one is useful for letting a linked page 'break out' of a frame.&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-5400511348544375006?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/5400511348544375006/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=5400511348544375006' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/5400511348544375006'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/5400511348544375006'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2012/01/open-hiper-link-with-new-tab-or-window.html' title='Open hiper link with new tab or window'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-TXGb2quqPUo/TxseDFg_M0I/AAAAAAAAARY/U1xAniTf058/s72-c/hrefNewTab.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-4751148226213464728</id><published>2012-01-21T12:02:00.000-08:00</published><updated>2012-01-21T12:05:45.261-08:00</updated><title type='text'>Artifactory - Advanced repository manager.</title><content type='html'>&lt;a href="http://www.theserverside.com/news/1364121/Setting-Up-a-Maven-Repository" target="_blank"&gt;Please visit the configuration page&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-4751148226213464728?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/4751148226213464728/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=4751148226213464728' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/4751148226213464728'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/4751148226213464728'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2012/01/artifactory-advanced-repository-manager.html' title='Artifactory - Advanced repository manager.'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-6252677641443561</id><published>2012-01-13T04:19:00.000-08:00</published><updated>2012-01-13T04:19:32.299-08:00</updated><title type='text'>How to Find All Unread Messages in Gmail</title><content type='html'>&lt;span style="font-family: Verdana, sans-serif;"&gt;we have two ways:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: Verdana;"&gt;A. To view all (and only) unread messages in your Gmail account: &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-Sw-FPXcjHZc/TxAhMG7Mj4I/AAAAAAAAARA/kwlYi6zi3j8/s1600/is_unread_in_gmail.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="30" kba="true" src="http://3.bp.blogspot.com/-Sw-FPXcjHZc/TxAhMG7Mj4I/AAAAAAAAARA/kwlYi6zi3j8/s320/is_unread_in_gmail.JPG" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Type&amp;nbsp; "is:unread" (or "label:unread") (not including the quotation marks) in the Gmail search field.&lt;/li&gt;&lt;li&gt;Click Search Mail. &lt;/li&gt;&lt;/ul&gt;B. There is a way faster: &lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-xFL7zN8NnKU/TxAhSXSRGVI/AAAAAAAAARI/vJPjzfZOpw8/s1600/filter-gmail.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="98" kba="true" src="http://2.bp.blogspot.com/-xFL7zN8NnKU/TxAhSXSRGVI/AAAAAAAAARI/vJPjzfZOpw8/s320/filter-gmail.JPG" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span id="goog_1262891958"&gt;&lt;/span&gt;&lt;span id="goog_1262891960"&gt;&lt;/span&gt;&lt;span id="goog_1262891962"&gt;&lt;/span&gt;&lt;span id="goog_1262891964"&gt;&lt;/span&gt;&lt;span id="goog_1262891966"&gt;&lt;/span&gt;&lt;span id="goog_1262891968"&gt;&lt;/span&gt;&lt;span id="goog_1262891970"&gt;&lt;/span&gt;&lt;span id="goog_1262891972"&gt;&lt;/span&gt;&lt;span id="goog_1262891974"&gt;&lt;/span&gt;&lt;span id="goog_1262891976"&gt;&lt;/span&gt;Choose Settings-&amp;gt; filters.&lt;/li&gt;&lt;li&gt;Filters-&amp;gt; Create a new Filter&lt;/li&gt;&lt;li&gt;Write: " is: unread" ( without quotes)-&amp;gt; Next( you can use test search before clicking Next)&lt;/li&gt;&lt;li&gt;Ok( there is a box appearing, but click OK if you see)&lt;/li&gt;&lt;li&gt;the key is: you can see many options for filters&lt;/li&gt;&lt;li&gt;if you want to delete it-&amp;gt; check the Delete it box&lt;/li&gt;&lt;li&gt;And Remember to check the Also Apply Filter to..( it will be easier to delate a large number of emails at once)&lt;/li&gt;&lt;li&gt;You should delete the filter once you finish since it will delete your new emails&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;&lt;span id="goog_1262891977"&gt;&lt;/span&gt;&lt;span id="goog_1262891975"&gt;&lt;/span&gt;&lt;span id="goog_1262891973"&gt;&lt;/span&gt;&lt;span id="goog_1262891971"&gt;&lt;/span&gt;&lt;span id="goog_1262891969"&gt;&lt;/span&gt;&lt;span id="goog_1262891967"&gt;&lt;/span&gt;&lt;span id="goog_1262891965"&gt;&lt;/span&gt;&lt;span id="goog_1262891963"&gt;&lt;/span&gt;&lt;span id="goog_1262891961"&gt;&lt;/span&gt;&lt;span id="goog_1262891959"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-6252677641443561?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/6252677641443561/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=6252677641443561' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/6252677641443561'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/6252677641443561'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2012/01/how-to-find-all-unread-messages-in.html' title='How to Find All Unread Messages in Gmail'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-Sw-FPXcjHZc/TxAhMG7Mj4I/AAAAAAAAARA/kwlYi6zi3j8/s72-c/is_unread_in_gmail.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-552391814956936149</id><published>2012-01-11T08:12:00.000-08:00</published><updated>2012-01-11T09:49:14.748-08:00</updated><title type='text'>jQuery in short</title><content type='html'>&lt;br /&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;What is jQuery?&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQueryis a library of JavaScript Functions.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQueryis a lightweight "write less, do more" JavaScript library.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;ThejQuery library contains the following features:&lt;/span&gt;&lt;/div&gt;&lt;ul type="disc"&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;HTML element selections&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;HTML element manipulation&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;CSS manipulation&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;HTML event functions&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;JavaScript Effects and     animations&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;HTML DOM traversal and     modification&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;AJAX&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Utilities&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Adding the jQueryLibrary to Your Pages&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul type="disc"&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The jQuery library is stored as     a single JavaScript file, containing all the jQuery methods.&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="background: none repeat scroll 0% 0% white; color: black; line-height: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;It can be added to a web page     with the following mark-up:&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-KDd42F4ai3w/Tw24VbzGS1I/AAAAAAAAAQQ/_BLpP3oGroU/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="12" src="http://4.bp.blogspot.com/-KDd42F4ai3w/Tw24VbzGS1I/AAAAAAAAAQQ/_BLpP3oGroU/s320/2.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Basic jQuery Example&lt;/span&gt;&lt;/b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-mVi7t4-WXFs/Tw22zVQRxjI/AAAAAAAAAQI/-chDDhheYJk/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="210" src="http://4.bp.blogspot.com/-mVi7t4-WXFs/Tw22zVQRxjI/AAAAAAAAAQI/-chDDhheYJk/s320/1.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;br /&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;script src="jquery.js" type="text/javascript"&gt; &lt;/script&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;script src="jquery.js" type="text/javascript"&gt; &lt;/script&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;script src="jquery.js" type="text/javascript"&gt; &lt;/script&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;&lt;br&gt;$(document).ready(function(){&lt;br&gt;&amp;nbsp; $("button").click(function(){&lt;br&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; $("p").hide();&lt;br&gt;&amp;nbsp; });&lt;br&gt;});&lt;br&gt;&lt;/script&gt;&lt;/span&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Downloading jQuery&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Twoversions of jQuery are available for downloading: one minified and oneuncompressed (for debugging or reading).&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Bothversions can be downloaded from &lt;u&gt;&lt;a href="http://docs.jquery.com/Downloading_jQuery#Download_jQuery" target="_blank"&gt;jQuery.com&lt;/a&gt;&lt;/u&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Alternatives toDownloading&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Ifyou don't want to store the jQuery library on your own computer, you can usethe hosted jQuery library from Google or Microsoft.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-alkFrIG5vGM/Tw25R4Cub0I/AAAAAAAAAQY/F2DGPtD6D-Y/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-alkFrIG5vGM/Tw25R4Cub0I/AAAAAAAAAQY/F2DGPtD6D-Y/s1600/3.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The Document ReadyFunction&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Youmight have noticed that all jQuery methods, in our examples, are inside adocument.ready() function:&lt;/span&gt;&lt;/div&gt;&lt;div style="background: white;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-vgD9bYYBo8g/Tw26d2Se7tI/AAAAAAAAAQo/5brHbzR9guQ/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-vgD9bYYBo8g/Tw26d2Se7tI/AAAAAAAAAQo/5brHbzR9guQ/s1600/4.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="background: white;"&gt;&lt;span style="color: black; font-size: 9pt;"&gt;This isto prevent any jQuery code from running before the document is finished loading(is ready).&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQuerySyntax&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The jQuery syntax is tailor made forselecting HTML elements and perform some action on the element(s). &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Basic syntax is: &amp;nbsp;&lt;b style="mso-bidi-font-weight: normal;"&gt;$(selector).action()&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;•A dollar sign to define jQuery&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;•A (selector) to "query (orfind)" HTML elements&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;•A jQuery action() to be performed on theelement(s)&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Examples:&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(this).hide() - hides current element&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("p").hide() - hides allparagraphs&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("p.test").hide() - hides allparagraphs with class="test"&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("#test").hide() - hides theelement with id="test"&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQuery Selectors&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Useour excellent &lt;u&gt;&lt;a href="http://www.w3schools.com/jquery/trysel.asp?filename=trysel_basic&amp;amp;jqsel=p.intro,%23choose" target="_blank"&gt;jQuery Selector Tester&lt;/a&gt;&lt;/u&gt; to experiment with the differentselectors.&lt;/span&gt;&lt;/div&gt;&lt;table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: white; border-collapse: collapse; border: none; mso-border-alt: solid #C3C3C3 .75pt; mso-yfti-tbllook: 1184; width: 100.0%;"&gt; &lt;tbody&gt;&lt;tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;"&gt;  &lt;td style="background: #E5EECC; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Selector&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="background: #E5EECC; border-left: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Example&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="background: #E5EECC; border-left: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Selects&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 1;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_all.asp"&gt;&lt;span style="text-decoration: none;"&gt;*&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("*")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 2;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_id.asp"&gt;&lt;span style="text-decoration: none;"&gt;#&lt;i&gt;id&lt;/i&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("#lastname")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The element with  id=lastname&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 3;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_class.asp"&gt;&lt;span style="text-decoration: none;"&gt;.&lt;i&gt;class&lt;/i&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(".intro")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All elements with  class="intro"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 4;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_element.asp"&gt;&lt;i&gt;&lt;span style="text-decoration: none;"&gt;element&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("p")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All p elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 5;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;.&lt;i&gt;class&lt;/i&gt;.&lt;i&gt;class&lt;/i&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(".intro.demo")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All elements with the  classes "intro" and "demo"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 6;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 7;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_first.asp"&gt;&lt;span style="text-decoration: none;"&gt;:first&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("p:first")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The first p element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 8;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_last.asp"&gt;&lt;span style="text-decoration: none;"&gt;:last&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("p:last")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The last p element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 9;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_even.asp"&gt;&lt;span style="text-decoration: none;"&gt;:even&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("tr:even")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All even tr elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 10;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_odd.asp"&gt;&lt;span style="text-decoration: none;"&gt;:odd&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("tr:odd")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All odd tr elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 11;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 12;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_eq.asp"&gt;&lt;span style="text-decoration: none;"&gt;:eq(&lt;i&gt;index&lt;/i&gt;)&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("ul  li:eq(3)")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The fourth element in  a list (index starts at 0)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 13;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_gt.asp"&gt;&lt;span style="text-decoration: none;"&gt;:gt(&lt;i&gt;no&lt;/i&gt;)&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("ul  li:gt(3)")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;List elements with an  index greater than 3&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 14;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_lt.asp"&gt;&lt;span style="text-decoration: none;"&gt;:lt(&lt;i&gt;no&lt;/i&gt;)&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("ul  li:lt(3)")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;List elements with an  index less than 3&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 15;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_not.asp"&gt;&lt;span style="text-decoration: none;"&gt;:not(&lt;i&gt;selector&lt;/i&gt;)&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("input:not(:empty)")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements  that are not empty&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 16;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 17;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_header.asp"&gt;&lt;span style="text-decoration: none;"&gt;:header&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":header")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All header elements  h1, h2 ...&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 18;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_animated.asp"&gt;&lt;span style="text-decoration: none;"&gt;:animated&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":animated")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All animated elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 19;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 20;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_contains.asp"&gt;&lt;span style="text-decoration: none;"&gt;:contains(&lt;i&gt;text&lt;/i&gt;)&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":contains('W3Schools')")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All elements which  contains the text&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 21;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_empty.asp"&gt;&lt;span style="text-decoration: none;"&gt;:empty&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":empty")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All elements with no  child (elements) nodes&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 22;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;:hidden&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("p:hidden")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All hidden p elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 23;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_visible.asp"&gt;&lt;span style="text-decoration: none;"&gt;:visible&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("table:visible")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All visible tables&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 24;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 25;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;i&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;s1&lt;/span&gt;&lt;/i&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;,&lt;i&gt;s2&lt;/i&gt;,&lt;i&gt;s3&lt;/i&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("th,td,.intro")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All elements with matching  selectors&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 26;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 27;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_attribute.asp"&gt;&lt;span style="text-decoration: none;"&gt;[&lt;i&gt;attribute&lt;/i&gt;]&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("[href]")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All elements with a  href attribute&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 28;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_attribute_equal_value.asp"&gt;&lt;span style="text-decoration: none;"&gt;[&lt;i&gt;attribute&lt;/i&gt;=&lt;i&gt;value&lt;/i&gt;]&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("[href='default.htm']")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All elements with a  href attribute value equal to "default.htm"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 29;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_attribute_notequal_value.asp"&gt;&lt;span style="text-decoration: none;"&gt;[&lt;i&gt;attribute&lt;/i&gt;!=&lt;i&gt;value&lt;/i&gt;]&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("[href!='default.htm']")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All elements with a  href attribute value not equal to "default.htm"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 30;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_attribute_end_value.asp"&gt;&lt;span style="text-decoration: none;"&gt;[&lt;i&gt;attribute&lt;/i&gt;$=&lt;i&gt;value&lt;/i&gt;]&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("[href$='.jpg']")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All elements with a  href attribute value ending with ".jpg"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 31;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 32;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input.asp"&gt;&lt;span style="text-decoration: none;"&gt;:input&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":input")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 33;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_text.asp"&gt;&lt;span style="text-decoration: none;"&gt;:text&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":text")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements  with type="text"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 34;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_password.asp"&gt;&lt;span style="text-decoration: none;"&gt;:password&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":password")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements  with type="password"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 35;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_radio.asp"&gt;&lt;span style="text-decoration: none;"&gt;:radio&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":radio")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements  with type="radio"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 36;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_checkbox.asp"&gt;&lt;span style="text-decoration: none;"&gt;:checkbox&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":checkbox")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements  with type="checkbox"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 37;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_submit.asp"&gt;&lt;span style="text-decoration: none;"&gt;:submit&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":submit")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements  with type="submit"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 38;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_reset.asp"&gt;&lt;span style="text-decoration: none;"&gt;:reset&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":reset")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements  with type="reset"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 39;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_button.asp"&gt;&lt;span style="text-decoration: none;"&gt;:button&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":button")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements  with type="button"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 40;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_image.asp"&gt;&lt;span style="text-decoration: none;"&gt;:image&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":image")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements  with type="image"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 41;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_file.asp"&gt;&lt;span style="text-decoration: none;"&gt;:file&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":file")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All input elements  with type="file"&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 42;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 43;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_enabled.asp"&gt;&lt;span style="text-decoration: none;"&gt;:enabled&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":enabled")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All enabled input  elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 44;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_disabled.asp"&gt;&lt;span style="text-decoration: none;"&gt;:disabled&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":disabled")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All disabled input  elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 45;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_selected.asp"&gt;&lt;span style="text-decoration: none;"&gt;:selected&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":selected")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All selected input  elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 46; mso-yfti-lastrow: yes;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/sel_input_checked.asp"&gt;&lt;span style="text-decoration: none;"&gt;:checked&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(":checked")&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;All checked input  elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQuery Effects&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Hereare some examples of effect functions in jQuery:&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: white; border-collapse: collapse; border: none; mso-border-alt: solid #C3C3C3 .75pt; mso-yfti-tbllook: 1184; width: 100.0%;"&gt; &lt;tbody&gt;&lt;tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;"&gt;  &lt;td style="background: #E5EECC; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 20.0%;" valign="top" width="20%"&gt;&lt;div class="MsoNormal"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Method&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="background: #E5EECC; border-left: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 80.0%;" valign="top" width="80%"&gt;&lt;div class="MsoNormal"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Description&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 1;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_animate.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;animate()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Performs a custom animation&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;(of a set of  CSS properties) for selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 2;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_clearqueue.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;clearQueue()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Removes all queued functions for the  selected element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 3;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;delay()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Sets a delay for all queued functions for  the selected element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 4;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;dequeue()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Runs the next queued functions for the  selected element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 5;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_fadein.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;fadeIn()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Gradually changes the opacity, for&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;selected elements, from hidden to visible&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 6;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_fadeout.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;fadeOut()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Gradually changes the opacity, for&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;selected elements, from visible to hidden&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 7;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_fadeto.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;fadeTo()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Gradually changes the opacity, for&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;selected elements, to a specified opacity &lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 8;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;fadeToggle()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;br /&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 9;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_hide.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;hide()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Hides selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 10;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;queue()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Shows the queued functions for the  selected element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 11;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_show.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;show()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Shows hidden selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 12;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_slidedown.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;slideDown()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Gradually changes the height,&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;for  selected elements, from hidden to visible&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 13;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_slidetoggle.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;slideToggle()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Toggles between slideUp()&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;and slideDown()  for selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 14;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_slideup.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;slideUp()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Gradually changes the height,&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt; for  selected elements, from visible to hidden&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 15;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_stop.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;stop()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Stops a running animation on&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;selected  elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 16;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;&lt;a href="http://www.w3schools.com/jquery/eff_toggle.asp"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;toggle()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;Toggles between hide() and show(),&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;or  custom functions, for selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 17;"&gt;  &lt;td style="background: #E5EECC; border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Function&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="background: #E5EECC; border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Description&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 18;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).hide()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Hide selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 19;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).show()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Show selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 20;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).toggle()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Toggle (between hide  and show) selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 21;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).slideDown()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Slide-down (show)  selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 22;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).slideUp()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Slide-up (hide)  selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 23;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).slideToggle()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Toggle slide-up and  slide-down of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 24;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).fadeIn()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Fade in selected  elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 25;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).fadeOut()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Fade out selected  elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 26;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).fadeTo()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Fade out selected  elements to a given opacity&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 27; mso-yfti-lastrow: yes;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).animate()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Run a custom animation  on selected element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;h1&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;jQuery&lt;span class="colorh1"&gt;Callback&lt;/span&gt; Functions&lt;/span&gt;&lt;/h1&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-top: 7.5pt; mso-margin-bottom-alt: auto;"&gt;&lt;span style="color: #404040; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;A callback function isexecuted after the current animation is 100% finished.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQuery CallbackFunctions&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;JavaScriptstatements are executed line by line. However, with animations, the next lineof code can be run even though the animation is not finished. This can createerrors.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Toprevent this, you can create a callback function.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Acallback function is executed after the current animation (effect) is finished.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Typicalsyntax: &lt;b&gt;$(selector).hide(speed,callback)&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&amp;nbsp;Thecallback parameter is a function to be executed after the hide effect iscompleted:&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-WNdAqMTUXYo/Tw27KYBlc2I/AAAAAAAAAQw/Hh4k1LFwEPA/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="55" src="http://2.bp.blogspot.com/-WNdAqMTUXYo/Tw27KYBlc2I/AAAAAAAAAQw/Hh4k1LFwEPA/s320/5.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;jQuery&lt;span class="colorh1"&gt;HTML&lt;/span&gt; Manipulation&lt;/span&gt;&lt;br /&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-top: 7.5pt; mso-margin-bottom-alt: auto;"&gt;&lt;span style="color: #404040; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQuery containspowerful methods (functions) for changing and manipulating HTML elements andattributes.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQuery HTML Methods&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Thefollowing table lists all the methods used to manipulate the DOM.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Themethods below work for both HTML and XML documents. Exception: the html()method.&lt;/span&gt;&lt;/div&gt;&lt;table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: white; border-collapse: collapse; border: none; mso-border-alt: solid #C3C3C3 .75pt; mso-yfti-tbllook: 1184; width: 100.0%;"&gt; &lt;tbody&gt;&lt;tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;"&gt;  &lt;td style="background: #E5EECC; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 20.0%;" valign="top" width="20%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Method&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="background: #E5EECC; border-left: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 80.0%;" valign="top" width="80%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Description&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 1;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_addclass.asp"&gt;&lt;span style="text-decoration: none;"&gt;addClass()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Adds one or more  classes (for CSS) to selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 2;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_after.asp"&gt;&lt;span style="text-decoration: none;"&gt;after()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Inserts content after  selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 3;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_append.asp"&gt;&lt;span style="text-decoration: none;"&gt;append()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Inserts content at the  end of (but still inside) selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 4;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_appendto.asp"&gt;&lt;span style="text-decoration: none;"&gt;appendTo()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Inserts content at the  end of (but still inside) selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 5;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_attr.asp"&gt;&lt;span style="text-decoration: none;"&gt;attr()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets or returns an  attribute and value of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 6;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_before.asp"&gt;&lt;span style="text-decoration: none;"&gt;before()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Inserts content before  selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 7;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_clone.asp"&gt;&lt;span style="text-decoration: none;"&gt;clone()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Makes a copy of  selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 8;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_detach.asp"&gt;&lt;span style="text-decoration: none;"&gt;detach()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Removes (but keeps a  copy of) selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 9;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_empty.asp"&gt;&lt;span style="text-decoration: none;"&gt;empty()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Removes all child  elements and&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;content from selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 10;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_hasclass.asp"&gt;&lt;span style="text-decoration: none;"&gt;hasClass()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Checks if any of the  selected elements&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;have a specified class (for CSS)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 11;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_html.asp"&gt;&lt;span style="text-decoration: none;"&gt;html()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets or returns the  content of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 12;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_insertafter.asp"&gt;&lt;span style="text-decoration: none;"&gt;insertAfter()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Inserts HTML markup or  elements after selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 13;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_insertbefore.asp"&gt;&lt;span style="text-decoration: none;"&gt;insertBefore()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Inserts HTML markup or  elements before selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 14;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_prepend.asp"&gt;&lt;span style="text-decoration: none;"&gt;prepend()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Inserts content at the  beginning of&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;(but still inside) selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 15;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_prependto.asp"&gt;&lt;span style="text-decoration: none;"&gt;prependTo()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Inserts content at the  beginning of&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;(but still inside) selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 16;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_remove.asp"&gt;&lt;span style="text-decoration: none;"&gt;remove()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Removes selected  elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 17;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_removeattr.asp"&gt;&lt;span style="text-decoration: none;"&gt;removeAttr()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Removes an attribute  from selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 18;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_removeclass.asp"&gt;&lt;span style="text-decoration: none;"&gt;removeClass()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Removes one or more  classes (for CSS) from selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 19;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_replaceall.asp"&gt;&lt;span style="text-decoration: none;"&gt;replaceAll()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Replaces selected  elements with new content&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 20;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_replacewith.asp"&gt;&lt;span style="text-decoration: none;"&gt;replaceWith()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Replaces selected  elements with new content&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 21;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_text.asp"&gt;&lt;span style="text-decoration: none;"&gt;text()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets or returns the  text content of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 22;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_toggleclass.asp"&gt;&lt;span style="text-decoration: none;"&gt;toggleClass()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Toggles between  adding/removing one or more classes&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;(for CSS) from selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 23;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_unwrap.asp"&gt;&lt;span style="text-decoration: none;"&gt;unwrap()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Removes the parent  element of the selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 24;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_val.asp"&gt;&lt;span style="text-decoration: none;"&gt;val()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets or returns the  value attribute of the selected&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;elements (form elements)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 25;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_wrap.asp"&gt;&lt;span style="text-decoration: none;"&gt;wrap()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Wraps specified HTML  element(s) around each selected element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 26;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_wrapall.asp"&gt;&lt;span style="text-decoration: none;"&gt;wrapAll()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Wraps specified HTML  element(s) around all selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 27; mso-yfti-lastrow: yes;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/html_wrapinner.asp"&gt;&lt;span style="text-decoration: none;"&gt;wrapInner()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Wraps specified HTML  element(s) around the&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;content of each selected element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;h1&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;jQuery&lt;span class="colorh1"&gt;CSS&lt;/span&gt; Manipulation&lt;/span&gt;&lt;/h1&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQueryhas one important method for CSS manipulation: css()&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Thecss() method has three different syntaxes, to perform different tasks.&lt;/span&gt;&lt;/div&gt;&lt;ul type="disc"&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l1 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;css(name) - Return CSS property     value&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l1 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;css(name,value) - Set CSS     property and value&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="background: white; color: black; line-height: normal; mso-list: l1 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;"&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;css({properties}) - Set     multiple CSS properties and values&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("p").css({"background-color":"yellow","font-size":"200%"});&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("#div1").height("200px"); &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("#div2").width("300px"); &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: white; border-collapse: collapse; border: none; mso-border-alt: solid #C3C3C3 .75pt; mso-yfti-tbllook: 1184; width: 100.0%;"&gt; &lt;tbody&gt;&lt;tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;"&gt;  &lt;td style="background: #E5EECC; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;CSS Properties&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="background: #E5EECC; border-left: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Description&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 1;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).css(name)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Get the style property  value of the first matched element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 2;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).css(name,value)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Set the value of one  style property for matched elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 3;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).css({properties})&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Set multiple style  properties for matched elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 4;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).height(value)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Set the height of  matched elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 5; mso-yfti-lastrow: yes;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).width(value)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Set the width of  matched elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; margin-left: .5in; margin-right: 0in; margin-top: 0in;"&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQuery CSS Methods&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Thefollowing table lists all the methods used to manipulate CSS properties.&lt;/span&gt;&lt;/div&gt;&lt;table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: white; border-collapse: collapse; border: none; mso-border-alt: solid #C3C3C3 .75pt; mso-yfti-tbllook: 1184; width: 100.0%;"&gt; &lt;tbody&gt;&lt;tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;"&gt;  &lt;td style="background: #E5EECC; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 20.0%;" valign="top" width="20%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Method&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="background: #E5EECC; border-left: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 80.0%;" valign="top" width="80%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Description&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 1;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_addclass.asp"&gt;&lt;span style="text-decoration: none;"&gt;addClass()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Adds one or more  classes to selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 2;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_css.asp"&gt;&lt;span style="text-decoration: none;"&gt;css()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets or returns one or  more style properties for selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 3;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_hasclass.asp"&gt;&lt;span style="text-decoration: none;"&gt;hasClass()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Checks if any of the  selected elements have a specified class&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 4;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_height.asp"&gt;&lt;span style="text-decoration: none;"&gt;height()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets or returns the  height of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 5;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_offset.asp"&gt;&lt;span style="text-decoration: none;"&gt;offset()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets or returns the  position (relative to the document) for selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 6;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_offsetparent.asp"&gt;&lt;span style="text-decoration: none;"&gt;offsetParent()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Returns the first  parent element that is positioned&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 7;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_position.asp"&gt;&lt;span style="text-decoration: none;"&gt;position()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Returns the position  (relative to the parent element) of the first selected element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 8;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_removeclass.asp"&gt;&lt;span style="text-decoration: none;"&gt;removeClass()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Removes one or more  classes from selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 9;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_scrollleft.asp"&gt;&lt;span style="text-decoration: none;"&gt;scrollLeft()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets or returns the  horizontal position of the scrollbar for the selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 10;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_scrolltop.asp"&gt;&lt;span style="text-decoration: none;"&gt;scrollTop()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets or returns the  vertical position of the scrollbar for the selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 11;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_toggleclass.asp"&gt;&lt;span style="text-decoration: none;"&gt;toggleClass()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Toggles between  adding/removing one or more classes from selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 12; mso-yfti-lastrow: yes;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/css_width.asp"&gt;&lt;span style="text-decoration: none;"&gt;width()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets or returns the  width of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;/div&gt;&lt;h1&gt;&lt;span style="font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt; line-height: 115%;"&gt;jQuery&lt;span class="colorh1"&gt;Event&lt;/span&gt; Methods&lt;/span&gt;&lt;/h1&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Eventmethods trigger, or bind a function to an event for all matching elements.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Trigger example:&lt;/span&gt;&lt;/b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("button").click()- triggers the click event for a button element.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Binding example:&lt;/span&gt;&lt;/b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("button").click(function(){$("img").hide()})- binds a function to the click event.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Eventmethods trigger, or bind a function to an event for all matching elements.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Trigger example:&lt;/span&gt;&lt;/b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("button").click()- triggers the click event for a button element.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Binding example:&lt;/span&gt;&lt;/b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$("button").click(function(){$("img").hide()})- binds a function to the click event.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Thefollowing table lists all the methods used to handle events.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: none repeat scroll 0% 0% white; line-height: normal;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: white; border-collapse: collapse; border: none; mso-border-alt: solid #C3C3C3 .75pt; mso-table-layout-alt: fixed; mso-yfti-tbllook: 1184;"&gt; &lt;tbody&gt;&lt;tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;"&gt;  &lt;td style="background: #E5EECC; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Method&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="background: #E5EECC; border-left: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Description&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 1;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_bind.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;bind()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Add one or more event  handlers to matching elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 2;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_blur.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;blur()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the blur event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 3;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_change.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;change()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the change event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 4;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_click.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;click()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the click event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 5;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_dblclick.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;dblclick()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the dblclick event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 6;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_delegate.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;delegate()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Add one or more event  handlers to current, or future, specified child elements of the matching  elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 7;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_die.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;die()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Remove all event  handlers added with the live() function&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 8;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_error.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;error()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the error event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 9;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;event.currentTarget&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The current DOM  element within the event bubbling phase&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 10;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;event.data&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Contains the optional  data passed to jQuery.fn.bind when the current executing handler was bound&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 11;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_isdefaultprevented.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;event.isDefaultPrevented()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Returns whether  event.preventDefault() was called for the event object&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 12;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;event.isImmediatePropagationStopped()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Returns whether  event.stopImmediatePropagation() was called for the event object&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 13;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;event.isPropagationStopped()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Returns whether  event.stopPropagation() was called for the event object&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 14;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_pagex.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;event.pageX&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The mouse position  relative to the left edge of the document&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 15;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_pagey.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;event.pageY&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The mouse position  relative to the top edge of the document&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 16;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_preventdefault.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;event.preventDefault()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Prevents the default  action of the event&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 17;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;event.relatedTarget&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The other DOM element  involved in the event, if any&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 18;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_result.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;event.result&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;This attribute  contains the last value returned by an event handler that was triggered by  this event, unless the value was undefined&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 19;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;event.stopImmediatePropagation()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Prevents other event  handlers from being called&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 20;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;event.stopPropagation()&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Prevents the event  from bubbling up the DOM tree, preventing any parent handlers from being  notified of the event&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 21;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_target.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;event.target&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;The DOM element that  initiated the event&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 22;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_timestamp.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;event.timeStamp&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;This attribute returns  the number of milliseconds since January 1, 1970, when the event is triggered&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 23;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_type.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;event.type&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Describes the nature  of the event&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 24;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_which.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;event.which&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Which key or button  was pressed for a key or button event&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 25;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_focus.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;focus()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the focus event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 26;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_focusin.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;focusin()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Binds a function to  the focusin event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 27;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_focusout.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;focusout()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Binds a function to  the focusout event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 28;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_hover.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;hover()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Binds one or two  functions to the hover event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 29;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_keydown.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;keydown()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the keydown event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 30;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_keypress.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;keypress()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the keypress event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 31;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_keyup.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;keyup()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the keyup event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 32;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_live.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;live()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Add one or more event  handlers to current, or future, matching elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 33;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_load.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;load()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the load event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 34;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_mousedown.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;mousedown()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the mouse down event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 35;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_mouseenter.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;mouseenter()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the mouse enter event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 36;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_mouseleave.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;mouseleave()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the mouse leave event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 37;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_mousemove.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;mousemove()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the mouse move event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 38;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_mouseout.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;mouseout()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the mouse out event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 39;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_mouseover.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;mouseover()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the mouse over event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 40;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_mouseup.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;mouseup()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the mouse up event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 41;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_one.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;one()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Add one or more event  handlers to matching elements. This handler can only be triggered once per  element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 42;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_ready.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;ready()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Binds a function to  the ready event of a document&lt;br /&gt;  (when an HTML document is ready to use)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 43;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_resize.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;resize()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the resize event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 44;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_scroll.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;scroll()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the scroll event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 45;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_select.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;select()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the select event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 46;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_submit.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;submit()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the submit event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 47;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_toggle.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;toggle()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Binds two or more  functions to the toggle between for the click event for selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 48;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_trigger.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;trigger()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers all events  bound to the selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 49;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_triggerhandler.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;triggerHandler()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers all functions  bound to a specified event for the selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 50;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_unbind.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;unbind()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Remove an added event  handler from selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 51;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_undelegate.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;undelegate()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Remove an event  handler to selected elements, now or in the future&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 52; mso-yfti-lastrow: yes;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 22.38%;" valign="top" width="22%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/event_unload.asp"&gt;&lt;span style="color: #900b09; text-decoration: none;"&gt;unload()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 77.62%;" valign="top" width="77%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Triggers, or binds a  function to the unload event of selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;What is AJAX?&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;AJAX&lt;/span&gt;&lt;/b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt; = Asynchronous JavaScript and XML.&lt;br /&gt;&lt;br /&gt;AJAX is a technique for creating fast and dynamic web pages.&lt;br /&gt;&lt;br /&gt;AJAX allows web pages to be updated asynchronously by exchanging small amountsof data with the server behind the scenes. This means that it is possible toupdate parts of a web page, without reloading the whole page.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;AJAX and jQuery&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQueryprovides a rich set of methods for AJAX web development.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;WithjQuery AJAX, you can request TXT, HTML, XML or JSON data from a remote serverusing both HTTP Get and HTTP Post. &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;And you can load remote data directly into selected HTML elementsof your web page!&lt;/span&gt;&lt;/b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Write Less, Do More&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;ThejQuery load() method is a simple (but very powerful) AJAX function. It has thefollowing syntax:&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).load(url,&lt;i&gt;data,callback&lt;/i&gt;)&lt;/span&gt;&lt;/b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Usethe &lt;b&gt;selector&lt;/b&gt; to define the HTML element(s) to change, and the &lt;b&gt;urlparameter&lt;/b&gt; to specify a web address for your data. &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Onlyif you want to send data to the server, you need to use the &lt;i&gt;data&lt;/i&gt;parameter. Only if you need to trigger a function after completion, you willuse the &lt;i&gt;callback&lt;/i&gt; parameter.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Low Level AJAX&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$.ajax(options)&lt;/span&gt;&lt;/b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;is the syntax of the low level AJAX function.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$.ajaxoffers more functionality than higher level functions like load, get, and post,but it is also more difficult to use. &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Theoption parameter takes name|value pairs defining url data, passwords, datatypes, filters, character sets, timeout and error functions. &lt;/span&gt;&lt;/div&gt;&lt;table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: white; border-collapse: collapse; border: none; mso-border-alt: solid #C3C3C3 .75pt; mso-yfti-tbllook: 1184; width: 100.0%;"&gt; &lt;tbody&gt;&lt;tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;"&gt;  &lt;td style="background: #E5EECC; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Request&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="background: #E5EECC; border-left: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Description&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 1;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$(selector).load(url,data,callback)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Load remote data into&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;selected elements&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 2; mso-yfti-lastrow: yes;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;$.ajax(options)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Load remote data into  an&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;XMLHttpRequest object&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 7.5pt; mso-outline-level: 2;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;jQuery AJAX Methods&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;AJAXis the art of exchanging data with a server, and update parts of a web page -without reloading the whole page.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Thefollowing table lists all the jQuery AJAX methods:&lt;/span&gt;&lt;/div&gt;&lt;table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: white; border-collapse: collapse; border: none; mso-border-alt: solid #C3C3C3 .75pt; mso-yfti-tbllook: 1184; width: 100.0%;"&gt; &lt;tbody&gt;&lt;tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;"&gt;  &lt;td style="background: #E5EECC; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 20.0%;" valign="top" width="20%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Method&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="background: #E5EECC; border-left: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt; width: 80.0%;" valign="top" width="80%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;b&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Description&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 1;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_ajax.asp"&gt;&lt;span style="text-decoration: none;"&gt;$.ajax()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Performs an AJAX  request&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 2;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_ajaxcomplete.asp"&gt;&lt;span style="text-decoration: none;"&gt;ajaxComplete()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Specifies a function  to&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;run when the AJAX request completes&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 3;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_ajaxerror.asp"&gt;&lt;span style="text-decoration: none;"&gt;ajaxError()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Specifies a function  to&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;run when the AJAX request completes with an error&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 4;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_ajaxsend.asp"&gt;&lt;span style="text-decoration: none;"&gt;ajaxSend()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Specifies a function  to&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;run before the AJAX request is sent&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 5;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_ajaxsetup.asp"&gt;&lt;span style="text-decoration: none;"&gt;$.ajaxSetup()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Sets the default  values&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;for future AJAX requests&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 6;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_ajaxstart.asp"&gt;&lt;span style="text-decoration: none;"&gt;ajaxStart()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Specifies a function  to&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;run when the first AJAX request begins&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 7;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_ajaxstop.asp"&gt;&lt;span style="text-decoration: none;"&gt;ajaxStop()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Specifies a function  to&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt; run when all AJAX requests have completed&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 8;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_ajaxsuccess.asp"&gt;&lt;span style="text-decoration: none;"&gt;ajaxSuccess()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Specifies a function  to&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;run an AJAX request completes successfully&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 9;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_get.asp"&gt;&lt;span style="text-decoration: none;"&gt;$.get()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Loads data from a  server&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;using an AJAX HTTP GET request&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 10;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_getjson.asp"&gt;&lt;span style="text-decoration: none;"&gt;$.getJSON()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Loads JSON-encoded  data&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;from a server using a HTTP GET request&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 11;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_getscript.asp"&gt;&lt;span style="text-decoration: none;"&gt;$.getScript()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Loads (and executes) a  JavaScript&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;from the a server using an AJAX HTTP GET request&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 12;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_load.asp"&gt;&lt;span style="text-decoration: none;"&gt;load()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Loads data from a  server and&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;puts the returned HTML into the selected element&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 13;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_param.asp"&gt;&lt;span style="text-decoration: none;"&gt;$.param()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Creates a serialized  representation&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;of an array or object (can be used&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;as URL query string for  AJAX requests)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 14;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_post.asp"&gt;&lt;span style="text-decoration: none;"&gt;$.post()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Loads data from a  server using&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;an AJAX HTTP POST request&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 15;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_serialize.asp"&gt;&lt;span style="text-decoration: none;"&gt;serialize()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Encodes a set of form  elements&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;as a string for submission&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr style="mso-yfti-irow: 16; mso-yfti-lastrow: yes;"&gt;  &lt;td style="border-top: none; border: solid #C3C3C3 1.0pt; mso-border-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;&lt;a href="http://www.w3schools.com/jquery/ajax_serializearray.asp"&gt;&lt;span style="text-decoration: none;"&gt;serializeArray()&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;td style="border-bottom: solid #C3C3C3 1.0pt; border-left: none; border-right: solid #C3C3C3 1.0pt; border-top: none; mso-border-alt: solid #C3C3C3 .75pt; mso-border-left-alt: solid #C3C3C3 .75pt; mso-border-top-alt: solid #C3C3C3 .75pt; padding: 2.25pt 2.25pt 2.25pt 2.25pt;" valign="top"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;Encodes a set of form  elements as&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: black; font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 9pt;"&gt;an array of names and values&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;JQuery versus Dojo versus YUI&lt;/b&gt;&lt;br /&gt;In search for a reliable open source javascript library/framework that works cross-browser, I came across the following:&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; JQuery&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; YUI (The Yahoo! User Interface Library)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; Dojo Toolkit&lt;br /&gt;&lt;br /&gt;&lt;b&gt;JQuery&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Pros:&lt;br /&gt;- JQuery is the most popular one of them all.&lt;br /&gt;- It is very easy to use and to understand.&lt;br /&gt;- The core library is only 15Kb in size.&lt;br /&gt;- Their statement is: ‘The Write Less, Do More, Javascript Library’.&lt;br /&gt;&lt;br /&gt;Cons:&lt;br /&gt;- Hard to use with object oriented programming&lt;br /&gt;- JQuery supports plug-ins, but all these plug-ins are not verified.&lt;br /&gt;- JQuery is a library&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;&lt;b&gt;YUI&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Pros:&lt;br /&gt;- It is developed by Yahoo&lt;br /&gt;- Fully documented, with a great API browser&lt;br /&gt;- Very consistent and reliable&lt;br /&gt;- Also contains unit testing framework&lt;br /&gt;- YUI is a framework&lt;br /&gt;&lt;br /&gt;Cons:&lt;br /&gt;- Heavy page weight&lt;br /&gt;- Very few utility or helper functions/methods&lt;br /&gt;- Lacks the use of chaining methods together&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;&lt;b&gt;Dojo Toolkit&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Pros:&lt;br /&gt;- Debug your code in Firebug&lt;br /&gt;- Dojo integrated in Zend Framework&lt;br /&gt;- Hierarchical package system speeds loading&lt;br /&gt;- Dojo is a framework&lt;br /&gt;&lt;br /&gt;Cons:&lt;br /&gt;- Dojo fails in online documentation&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal;"&gt;&lt;h2&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="line-height: normal;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-552391814956936149?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/552391814956936149/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=552391814956936149' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/552391814956936149'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/552391814956936149'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2012/01/normal-0-false-false-false-en-us-x-none_11.html' title='jQuery in short'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-KDd42F4ai3w/Tw24VbzGS1I/AAAAAAAAAQQ/_BLpP3oGroU/s72-c/2.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-4369092526376864042</id><published>2012-01-08T07:10:00.000-08:00</published><updated>2012-01-08T07:16:32.048-08:00</updated><title type='text'>Taking Video Screenshot with VLC Player</title><content type='html'>VLC media player comes with inbuilt feature to take video snapshot. To capture screenshot you must have VLC player or you can download it from here.&lt;br /&gt;&lt;br /&gt;Capturing Screenshot of Video vlc-video-menu&lt;br /&gt;&lt;br /&gt;&lt;a href="http://2.bp.blogspot.com/-dHZlChP-KDs/TwmytW9B1zI/AAAAAAAAAQA/FzW9IVPeVhg/s1600/vlc-video-menu.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 225px; height: 240px;" src="http://2.bp.blogspot.com/-dHZlChP-KDs/TwmytW9B1zI/AAAAAAAAAQA/FzW9IVPeVhg/s320/vlc-video-menu.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5695279696112113458" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;1. Open your video on VLC media player.&lt;br /&gt;2. Pause your video to the point for which you need to capture image.&lt;br /&gt;3. On Video menu click Snapshot (Menu bar –&gt; Video –&gt; Snapshot) or default shortcut SHIFT + S&lt;br /&gt;4. Your image is saved&lt;br /&gt;5. You can access your image from default store location.&lt;br /&gt;6. To change default storage location go to Menu –&gt; Tools –&gt; Preference&lt;br /&gt;7. Under Preference –&gt; Video –&gt; Video Snapshot section. Change your location.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-4369092526376864042?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/4369092526376864042/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=4369092526376864042' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/4369092526376864042'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/4369092526376864042'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2012/01/taking-video-screenshot-with-vlc-player.html' title='Taking Video Screenshot with VLC Player'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-dHZlChP-KDs/TwmytW9B1zI/AAAAAAAAAQA/FzW9IVPeVhg/s72-c/vlc-video-menu.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-3565050290132002060</id><published>2011-09-29T23:11:00.000-07:00</published><updated>2011-09-29T23:30:30.379-07:00</updated><title type='text'>How to handle One apostrophe in SQL string</title><content type='html'>If you are using SQL strings in your database operations, chances are you have come across problem with strings in SQL statement. One apostrophe screws up the SQL string, causing the SQL statement to fail.&lt;br /&gt;&lt;br /&gt;Assume you have a SQL string:&lt;br /&gt;SELECT * FROM tUsers WHERE LastName=&lt;strong&gt;'O'Brien'&lt;/strong&gt;;&lt;br /&gt;When LastName contains a name like O'Brien, the final string becomes&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;The second ' ends the SQL statement, leaving the rest of the string dangling. The solution is easy: Replace each ' in O'Brien with two 's, something like O''Brien, so the final SQL looks like:&lt;br /&gt;&lt;br /&gt;SELECT * FROM tUsers WHERE LastName=&lt;strong&gt;'O''Brien'&lt;/strong&gt;;&lt;br /&gt;&lt;strong&gt;The second ' "escapes" the third '&lt;/strong&gt;, thus leaving the whole SQL statement complete.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-3565050290132002060?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/3565050290132002060/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=3565050290132002060' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/3565050290132002060'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/3565050290132002060'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/09/how-to-handle-one-apostrophe-in-sql.html' title='How to handle One apostrophe in SQL string'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-6250808822853902008</id><published>2011-08-06T12:36:00.000-07:00</published><updated>2011-08-06T13:15:31.988-07:00</updated><title type='text'>Difference between Shallow Copy and Deep Copy</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Shallow Copy&lt;/span&gt;&lt;br /&gt;This is a result of the default cloning functionality provided by the Object.clone() method if the class has non-primitive data type members as well. Shallow Copy concept is not applicable to the classes having only primitive data type members as in that case the default cloning will also result into a Deep Copy only.&lt;br /&gt;&lt;br /&gt;In case of Shallow Copy, the cloned object also refers to the same object to which the original object refers as only the object references gets copied and not the referred objects themselves. That's why the name Shallow Copy. Read more about Cloning &lt;a href="http://geekexplains.blogspot.com/2008/06/difference-between-shallow-copy-and.html"&gt;&lt;span style="font-weight:bold;"&gt;More Details&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;sample program :&lt;br /&gt;package com.sallowcopy;&lt;br /&gt;/**&lt;br /&gt; * &lt;br /&gt; * @author thanooj&lt;br /&gt; * &lt;br /&gt; */&lt;br /&gt;class Person implements Cloneable {&lt;br /&gt; // Lower-level object&lt;br /&gt; private Car car;&lt;br /&gt; private String name;&lt;br /&gt; private Integer no;&lt;br /&gt;&lt;br /&gt; public Car getCar() {&lt;br /&gt;  return car;&lt;br /&gt; }&lt;br /&gt; public String getName() {&lt;br /&gt;  return name;&lt;br /&gt; }&lt;br /&gt; public void setName(String s) {&lt;br /&gt;  name = s;&lt;br /&gt; }&lt;br /&gt; public Person(Integer n, String s, String t) {&lt;br /&gt;  no = n;&lt;br /&gt;  name = s;&lt;br /&gt;  car = new Car(t);&lt;br /&gt; }&lt;br /&gt; public Object clone() {&lt;br /&gt;  // shallow copy&lt;br /&gt;  try {&lt;br /&gt;   return super.clone();&lt;br /&gt;  } catch (CloneNotSupportedException e) {&lt;br /&gt;   return null;&lt;br /&gt;  }&lt;br /&gt; }&lt;br /&gt; public void setNo(Integer no) {&lt;br /&gt;  this.no = no;&lt;br /&gt; }&lt;br /&gt; public Integer getNo() {&lt;br /&gt;  return no;&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;class Car {&lt;br /&gt;&lt;br /&gt; private String name;&lt;br /&gt; &lt;br /&gt; public String getName() {&lt;br /&gt;  return name;&lt;br /&gt; }&lt;br /&gt; public void setName(String s) {&lt;br /&gt;  name = s;&lt;br /&gt; }&lt;br /&gt; public Car(String s) {&lt;br /&gt;  name = s;&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public class ShallowCopyTest {&lt;br /&gt;&lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;  // Original Object&lt;br /&gt;  Person p = new Person(new Integer(1000), "sreeRama", "Garuda");&lt;br /&gt;  System.out.println("Original (orginal values): " + p.getNo() + " "&lt;br /&gt;    + p.getName() + " - " + p.getCar().getName());&lt;br /&gt;  // Clone as a shallow copy&lt;br /&gt;  Person q = (Person) p.clone();&lt;br /&gt;  System.out.println("Clone (before change): " + q.getNo() + " "&lt;br /&gt;    + q.getName() + " - " + q.getCar().getName());&lt;br /&gt;  // change the primitive member&lt;br /&gt;  q.setName("Indra");&lt;br /&gt;  q.setNo(new Integer(2000));&lt;br /&gt;  // change the lower-level object&lt;br /&gt;  q.getCar().setName("Iravath");&lt;br /&gt;  System.out.println("Clone (after change): " + q.getNo() + " "&lt;br /&gt;    + q.getName() + " - " + q.getCar().getName());&lt;br /&gt;  System.out.println("Original (after clone is modified): " + p.getNo()&lt;br /&gt;    + " " + p.getName() + " - " + p.getCar().getName());&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;//output :&lt;br /&gt;Original (orginal values): 1000 sreeRama - Garuda&lt;br /&gt;Clone (before change): 1000 sreeRama - Garuda&lt;br /&gt;Clone (after change): 2000 Indra - Iravath&lt;br /&gt;Original (after clone is modified): 1000 sreeRama - Iravath&lt;br /&gt;-------------------------------------------&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Deep Copy&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;We need to override the clone() method for the classes having non-primitive type members to achieve Deep Copy as Deep Copy requires the member objects to be cloned as well, which is not done by the default cloning mechanism. Why is it not done by the default cloning? Because clone() is a method of the Object class and at that level it's not known what a typical class can have as its members and hence only a field-by-field copy approach has been provided as the default cloning mechanism.&lt;br /&gt;&lt;br /&gt;Implementing Deep Copy in Java&lt;br /&gt;&lt;br /&gt;For Deep Copy, we need to ensure that the member classes also implement the Cloneable interface otherwise calling the clone() method on the objects of those classes will result into CloneNotSupportedException. So, to implement Deep Copy, we first need to ensure that all the member classes (at all the levels - like if the member class itself has a member of some class type then that class as well... and so on) are implementing the Cloneable interface. After that we override the clone() method in all those classes (even in the classes where we have only primitive type members otherwise we would not be able to call the protected clone()method of Object class on the instances of those classes inside some other class ... a typical restriction of the protected access. We'll cover this in a separate article) and finally calling clone() method on the object members in the overriden clone() method definition.&lt;br /&gt;sample program :&lt;br /&gt;&lt;br /&gt;package com.deepcopy;&lt;br /&gt;/**&lt;br /&gt; * &lt;br /&gt; * @author thanooj&lt;br /&gt; *&lt;br /&gt; */&lt;br /&gt;class Person implements Cloneable {&lt;br /&gt; // Lower-level object&lt;br /&gt; private Car car;&lt;br /&gt; private String name;&lt;br /&gt; &lt;br /&gt; public Car getCar() {&lt;br /&gt;  return car;&lt;br /&gt; }&lt;br /&gt; public String getName() {&lt;br /&gt;  return name;&lt;br /&gt; }&lt;br /&gt; public void setName(String s) {&lt;br /&gt;  name = s;&lt;br /&gt; }&lt;br /&gt; public Person(String s, String t) {&lt;br /&gt;  name = s;&lt;br /&gt;  car = new Car(t);&lt;br /&gt; }&lt;br /&gt; public Object clone() throws CloneNotSupportedException{&lt;br /&gt;  // Deep copy&lt;br /&gt;  Person p = (Person) super.clone();&lt;br /&gt;  p.car = (Car) p.car.clone();&lt;br /&gt;  return p;&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;class Car implements Cloneable{&lt;br /&gt;&lt;br /&gt; private String name;&lt;br /&gt;&lt;br /&gt; public String getName() {&lt;br /&gt;  return name;&lt;br /&gt; }&lt;br /&gt; public void setName(String s) {&lt;br /&gt;  name = s;&lt;br /&gt; }&lt;br /&gt; public Car(String s) {&lt;br /&gt;  name = s;&lt;br /&gt; }&lt;br /&gt; @Override&lt;br /&gt; protected Object clone() throws CloneNotSupportedException {&lt;br /&gt;  return super.clone();&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;public class DeepCopyTest {&lt;br /&gt;&lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;  // Original Object - before Deep cloning&lt;br /&gt;  Person p = new Person("sreeRama", "Garuda");&lt;br /&gt;  System.out.println(p.getName()+" "+p.getCar().getName());&lt;br /&gt;  Person pClone = null;&lt;br /&gt;  try {&lt;br /&gt;   pClone = (Person) p.clone();&lt;br /&gt;  } catch (CloneNotSupportedException e) {&lt;br /&gt;   e.printStackTrace();&lt;br /&gt;  }&lt;br /&gt;  System.out.println("Clone (before change): "+pClone.getName()+" "+pClone.getCar().getName());&lt;br /&gt;  pClone.setName("Indra");&lt;br /&gt;  pClone.getCar().setName("Iravath");&lt;br /&gt;  System.out.println("Clone (after change): "+pClone.getName()+" "+pClone.getCar().getName());&lt;br /&gt;  // Original Object - after Deep cloning&lt;br /&gt;  System.out.println(p.getName()+" "+p.getCar().getName());&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;// Output : &lt;br /&gt;sreeRama Garuda&lt;br /&gt;Clone (before change): sreeRama Garuda&lt;br /&gt;Clone (after change): Indra Iravath&lt;br /&gt;sreeRama Garuda&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-6250808822853902008?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/6250808822853902008/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=6250808822853902008' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/6250808822853902008'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/6250808822853902008'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/08/difference-between-shallow-copy-and.html' title='Difference between Shallow Copy and Deep Copy'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-7656132205086374199</id><published>2011-06-25T13:01:00.000-07:00</published><updated>2011-06-25T13:05:15.489-07:00</updated><title type='text'>MySQL import and export</title><content type='html'>Here are few MySQL Queries/commands that i regularly use for exporting and importing MySQL data.  This is for my reference, but just thought this might be useful for newbies.&lt;br /&gt;MySQL Table Data Export and Import&lt;br /&gt;&lt;br /&gt;    To export the just table data please use the following query&lt;br /&gt;    SELECT * INTO OUTFILE 'data.txt' FIELDS TERMINATED BY ',' FROM mytable;&lt;br /&gt;    To import the csv file into table execute the following SQL Query.&lt;br /&gt;    LOAD DATA INFILE 'data.txt' INTO TABLE mytable FIELDS TERMINATED BY ',';&lt;br /&gt;&lt;br /&gt;Copy the contents of one database to another&lt;br /&gt;&lt;br /&gt;    First, create the new database&lt;br /&gt;    create database db2;&lt;br /&gt;    Then, from the command-line, do the following to copy the contents from db1 to db2.&lt;br /&gt;    $ mysqldump -u root --password=pass db1 | mysql -u root --password=pass db2&lt;br /&gt;&lt;br /&gt;MySQL Dump&lt;br /&gt;&lt;br /&gt;    To export the MySQL database into a dump file, please execute the following command&lt;br /&gt;    $ mysqldump -u root --password=pass db1 &amp;gt; dbdump.sql&lt;br /&gt;&lt;br /&gt;Create MySQL User&lt;br /&gt;&lt;br /&gt;    Creating MySQL user and granting access&lt;br /&gt;    CREATE USER 'myuser'@'localhost' IDENTIFIED BY 'myuser';&lt;br /&gt;    GRANT ALL ON *.* TO 'myuser'@'localhost' IDENTIFIED BY 'myuser';&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-7656132205086374199?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/7656132205086374199/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=7656132205086374199' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/7656132205086374199'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/7656132205086374199'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/06/mysql-import-and-export.html' title='MySQL import and export'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-1605182247675289282</id><published>2011-06-21T08:02:00.000-07:00</published><updated>2011-06-21T08:05:09.368-07:00</updated><title type='text'>What is serialVersionUID?</title><content type='html'>Most people learn about serialVersionUID after they write their first serializable object (I know I did). You add ‘implements Serializable’ and in the next moment your IDE starts complaining… so what’s up?&lt;br /&gt;&lt;br /&gt;Lets look at a simple example to see what meaning that variable has. In the example we will use the class SerializeMe shown below:&lt;br /&gt;&lt;br /&gt;class SerializeMe implements Serializable {&lt;br /&gt;    private static final long serialVersionUID = 1L;&lt;br /&gt;&lt;br /&gt;    private int data;&lt;br /&gt;&lt;br /&gt;    public SerializeMe (int data) {&lt;br /&gt;        this.data = data;&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;    public int getData() {&lt;br /&gt;        return data;&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Field data represents some information stored in the class. Class implements the Serializable interface, so my IDE automatically offered me to declare the serialVersionUID field. Lets start with value 1 set there.&lt;br /&gt;&lt;br /&gt;We will also need some class that will serialize and deserialize the SerializeMe class. Here it is:&lt;br /&gt;&lt;br /&gt;public class UIDTester {&lt;br /&gt;    public static void main(String... strings) throws Exception {&lt;br /&gt;        File file = new File("out.ser");&lt;br /&gt;        FileOutputStream fos = new FileOutputStream(file);&lt;br /&gt;        ObjectOutputStream oos = new ObjectOutputStream(fos);&lt;br /&gt;&lt;br /&gt;        SerializeMe serializeMe = new SerializeMe(1);&lt;br /&gt;        oos.writeObject(serializeMe);&lt;br /&gt;        oos.close();&lt;br /&gt;&lt;br /&gt;        FileInputStream fis = new FileInputStream(file);&lt;br /&gt;        ObjectInputStream ois = new ObjectInputStream(fis);&lt;br /&gt;&lt;br /&gt;        SerializeMe dto = (SerializeMe) ois.readObject();&lt;br /&gt;        System.out.println("data : " + dto.getData());&lt;br /&gt;        ois.close();&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;This code will serialize an instance of class SerializeMe to a file and then deserialize it back. Now let’s run the main function! You should get output that says:&lt;br /&gt;data : 1&lt;br /&gt;&lt;br /&gt;It means that our object was properly serialized and deserialized. Note that the file “out.ser” was created on disk and it is still there even after the program finished. Let’s see if we can read that file once again, this time without creating it first. To do that, comment out lines from 4 to 9 in the UIDTester class:&lt;br /&gt;&lt;br /&gt;public class UIDTester {&lt;br /&gt;    public static void main(String... strings) throws Exception {&lt;br /&gt;        File file = new File("out.ser");&lt;br /&gt;        //FileOutputStream fos = new FileOutputStream(file);&lt;br /&gt;        //ObjectOutputStream oos = new ObjectOutputStream(fos);&lt;br /&gt;&lt;br /&gt;        //SerializeMe serializeMe = new SerializeMe(1);&lt;br /&gt;        //oos.writeObject(serializeMe);&lt;br /&gt;        //oos.close();&lt;br /&gt;&lt;br /&gt;        FileInputStream fis = new FileInputStream(file);&lt;br /&gt;        ObjectInputStream ois = new ObjectInputStream(fis);&lt;br /&gt;&lt;br /&gt;        SerializeMe dto = (SerializeMe) ois.readObject();&lt;br /&gt;        System.out.println("data : " + dto.getData());&lt;br /&gt;        ois.close();&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;This way, the main method starts right away with reading the file from the disk and deserializing data stored in it. As the file is exactly the same and our class didn’t changed either, we should get exactly the same output:&lt;br /&gt;&lt;br /&gt;data : 1&lt;br /&gt;&lt;br /&gt;Now, let’s see what happens, when we change the serialVersionUID value and try to deserialize once again our file. Change the line 2 in the class SerializeMe so that serialVersionUID contains now 2 instead of 1:&lt;br /&gt;&lt;br /&gt;    private static final long serialVersionUID = 2L;&lt;br /&gt;&lt;br /&gt;Now let’s run again our program (just like one step before, with commented out lines writing the file). We should get an exception like this:&lt;br /&gt;&lt;br /&gt;Exception in thread "main" java.io.InvalidClassException:&lt;br /&gt;SerializeMe; local class incompatible: stream classdesc&lt;br /&gt;serialVersionUID = 1, local class serialVersionUID = 2&lt;br /&gt;&lt;br /&gt;As you can see, this time the deserialization didn’t go well. ObjectInputStream complained about the serialVersionUID being changed. How does he know that it changed? If serialVersinUID is static, then it should not have been serialized in the first place, and there should be no information about the previous value 1 during the deserialization, right? Well, serialVersionUID is an exception to the rule that “static fields don’t get serialized”. ObjectOutputStream writes every time the value of serialVersionUID to the output stream. ObjectInputStream reads it back and if the value read from the stream does not agree with the serialVersionUID value in the current version of the class, then it throws the InvalidClassException. Moreover, if there is no serialVersionUID officially declared in the class to be serialized, compiler automatically adds it with a value generated based on the fields declared in the class.&lt;br /&gt;&lt;br /&gt;So what is it for after all? Let’s suppose that there is some file storing a serialized object of some class A. The deserialization of that object does not necessarily have to occur exactly after serialization. It can occur after a few months or on a completely different JVM (i.e. sending an object through net using serialization). In both cases, there is a chance that the class declaration has changed between serialization and deserialization. It would be nice to have some kind of versioning system for every serializable class – and serialVersionUID does exactly that. It checks if the data read from the input stream is compatible with the current definition of the class.&lt;br /&gt;&lt;br /&gt;If so, then why is it recommended to specify your own serialVersionUID ? It gives us simply more control. Default rules for generating serialVersionUID can be too strict in some cases. For example when the visibility of a field changes, the serialVersionUID changes too. Value generated automatically can differ between various Java implementations. There is a chance that some object serialized on one Java implementation will not deserialize on some other Java implementation, even if the class definition is exactly the same. Furthermore, sometimes you just want for some reason to forbid deserialization of old serialized objects, and in this case you just have to change the serialVersionUID.&lt;br /&gt;&lt;br /&gt;Now that you know that specifying your own serialVersionUID is recommended, you might tend to write it once for every serializable class ( or have it generated by the IDE ) and forget about it. WRONG !!! If you write it once and don’t take care to update it when necessary, you loose all the merits of serialVersionUID. All your classes will get deserialized without exceptions even when using outdated data. What you should do is to change serialVersionUID (for example increase it by 1 or make your IDE generate automatically a new value) every time there is some change in the definition of data stored in the class. For example if you change data types, variable names or add new data – hence every time you want to have ‘backward incompatibility’ for deserialization.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-1605182247675289282?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/1605182247675289282/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=1605182247675289282' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/1605182247675289282'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/1605182247675289282'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/06/what-is-serialversionuid.html' title='What is serialVersionUID?'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-4911139964387652728</id><published>2011-06-19T10:04:00.000-07:00</published><updated>2011-06-19T10:06:50.430-07:00</updated><title type='text'>session tracking techniques in java</title><content type='html'>Here we do share session tracking techniques in java&lt;br /&gt;&lt;br /&gt;What is a session?&lt;br /&gt;seesion is a scope of accessing a client state in series of continuous request and response with in a browser window.&lt;br /&gt;&lt;br /&gt;Why should a session be maintained?&lt;br /&gt;When there is a series of continuous request and response from a same client to a server, the server cannot identify from which client it is getting requests. Because HTTP is a stateless protocol.&lt;br /&gt;&lt;br /&gt;When there is a need to maintain the conversational state, session tracking is needed. For example, in a shopping cart application a client keeps on adding items into his cart using multiple requests. When every request is made, the server should identify in which client’s cart the item is to be added. So in this scenario, there is a certain need for session tracking.&lt;br /&gt;&lt;br /&gt;Solution is, when a client makes a request it should introduce itself by providing unique identifier every time. There are five different methods to achieve this.&lt;br /&gt;Session tracking methods:&lt;br /&gt;&lt;br /&gt;    User authorization&lt;br /&gt;    Hidden fields&lt;br /&gt;    URL rewriting&lt;br /&gt;    Cookies&lt;br /&gt;    Session tracking API&lt;br /&gt;&lt;br /&gt;The first four methods are traditionally used for session tracking in all the server-side technologies. The session tracking API method is provided by the underlying technology (java servlet or PHP or likewise). Session tracking API is built on top of the first four methods.&lt;br /&gt;&lt;br /&gt;1. User Authorization&lt;br /&gt;Users can be authorized to use the web application in different ways. Basic concept is that the user will provide username and password to login to the application. Based on that the user can be identified and the session can be maintained.&lt;br /&gt;&lt;br /&gt;2. Hidden Fields&lt;br /&gt;&lt;INPUT TYPE=”hidden” NAME=”technology” VALUE=”servlet”&gt;&lt;br /&gt;Hidden fields like the above can be inserted in the webpages and information can be sent to the server for session tracking. These fields are not visible directly to the user, but can be viewed using view source option from the browsers. This type doesn’t need any special configuration from the browser of server and by default available to use for session tracking. This cannot be used for session tracking when the conversation included static resources lik html pages.&lt;br /&gt;3. URL Rewriting&lt;br /&gt;Original URL: http://server:port/servlet/ServletName&lt;br /&gt;Rewritten URL: http://server:port/servlet/ServletName?sessionid=7456&lt;br /&gt;&lt;br /&gt;and&lt;br /&gt;&lt;br /&gt;encodeURL&lt;br /&gt;String encodeURL(String url)&lt;br /&gt;    Encodes the specified URL by including the session ID in it, or, if encoding is not needed, returns the URL unchanged. The implementation of this method includes the logic to determine whether the session ID needs to be encoded in the URL. For example, if the browser supports cookies, or session tracking is turned off, URL encoding is unnecessary.&lt;br /&gt;&lt;br /&gt;    For robust session tracking, all URLs emitted by a servlet should be run through this method. Otherwise, URL rewriting cannot be used with browsers which do not support cookies.&lt;br /&gt;&lt;br /&gt;    Parameters:&lt;br /&gt;        url - the url to be encoded. &lt;br /&gt;    Returns:&lt;br /&gt;        the encoded URL if encoding is needed; the unchanged URL otherwise.&lt;br /&gt;&lt;br /&gt;encodeRedirectURL&lt;br /&gt;String encodeRedirectURL(String url)&lt;br /&gt;&lt;br /&gt;    Encodes the specified URL for use in the sendRedirect method or, if encoding is not needed, returns the URL unchanged. The implementation of this method includes the logic to determine whether the session ID needs to be encoded in the URL. Because the rules for making this determination can differ from those used to decide whether to encode a normal link, this method is separated from the encodeURL method.&lt;br /&gt;&lt;br /&gt;    All URLs sent to the HttpServletResponse.sendRedirect method should be run through this method. Otherwise, URL rewriting cannot be used with browsers which do not support cookies.&lt;br /&gt;&lt;br /&gt;    Parameters:&lt;br /&gt;        url - the url to be encoded. &lt;br /&gt;    Returns:&lt;br /&gt;        the encoded URL if encoding is needed; the unchanged URL otherwise.&lt;br /&gt;&lt;br /&gt;When a request is made, additional parameter is appended with the url. In general added additional parameter will be sessionid or sometimes the userid. It will suffice to track the session. This type of session tracking doesn’t need any special support from the browser. Disadvantage is, implementing this type of session tracking is tedious. We need to keep track of the parameter as a chain link until the conversation completes and also should make sure that, the parameter doesn’t clash with other application parameters.&lt;br /&gt;&lt;br /&gt;and&lt;br /&gt;&lt;br /&gt;String contextPath = request.getContextPath();&lt;br /&gt;String userURL = contextPath + "/default.jsp?name="+userName;&lt;br /&gt;    String encodedUrl = response.encodeURL(userURL);&lt;br /&gt; String encodedRedirectURL = response.encodeRedirectURL(userURL);&lt;br /&gt;------ &lt;br /&gt;4. Cookies&lt;br /&gt;&lt;br /&gt;Cookies are the mostly used technology for session tracking. Cookie is a key value pair of information, sent by the server to the browser. This should be saved by the browser in its space in the client computer. Whenever the browser sends a request to that server it sends the cookie alogwith it. Then the server can identify the client using the cookie.&lt;br /&gt;In java, following is the source code snippet to create a cookie:&lt;br /&gt;&lt;br /&gt;  // creating a cookie&lt;br /&gt;  Cookie user = new Cookie("userName","Sreerama");&lt;br /&gt;     response.addCookie(user);&lt;br /&gt;  // retriving a cookie&lt;br /&gt;     Cookie [] userArray = request.getCookies();&lt;br /&gt;     for(Cookie user : userArray){&lt;br /&gt;      System.out.println(user.getName());&lt;br /&gt;     }&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Session tracking is easy to implement and maintain using the cookies. Disadvantage is that, the users can opt to disable cookies using their browser preferences. In such case, the browser will not save the cookie at client computer and session tracking fails.&lt;br /&gt;&lt;br /&gt;5. Session tracking API&lt;br /&gt;Session tracking API is built on top of the first four methods. This is inorder to help the developer to minimize the overhead of session tracking. This type of session tracking is provided by the underlying technology. Lets take the java servlet example. Then, the servlet container manages the session tracking task and the user need not do it explicitly using the java servlets. This is the best of all methods, because all the management and errors related to session tracking will be taken care of by the container itself.Every client of the server will be mapped with a javax.servlet.http.HttpSession object. Java servlets can use the session object to store and retrieve java objects across the session. Session tracking is at the best when it is implemented using session tracking api.&lt;br /&gt;&lt;br /&gt;// create a session&lt;br /&gt;     HttpSession ses = request.getSession(true); // arg- true/false&lt;br /&gt;     ses.setAttribute("user",UserObj);&lt;br /&gt;     // retrieve a session&lt;br /&gt;     HttpSession ses = request.getSession();&lt;br /&gt;     User user = (User)ses.getAttribute("user");&lt;br /&gt;it depends on the browser preferences. the servlet tries to set cookies but if they are disabled in browser it moves to session tracking stuff with urlencoding.&lt;br /&gt;// cookies and url rewrite&lt;br /&gt;request.isRequestedSessionIdFromCookie(); &lt;br /&gt;     request.isRequestedSessionIdFromURL();&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-4911139964387652728?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/4911139964387652728/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=4911139964387652728' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/4911139964387652728'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/4911139964387652728'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/06/session-tracking-techniques-in-java.html' title='session tracking techniques in java'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-355085153722141020</id><published>2011-06-19T07:59:00.000-07:00</published><updated>2011-06-19T08:01:45.718-07:00</updated><title type='text'>simple Session Tracker</title><content type='html'>Here we share, how to track a user login as session in a simple way.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-Y9F09RaL5gQ/Tf4PTIbzwOI/AAAAAAAAAPA/hzp2vS3cQV4/s1600/sessionTracking.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 236px;" src="http://4.bp.blogspot.com/-Y9F09RaL5gQ/Tf4PTIbzwOI/AAAAAAAAAPA/hzp2vS3cQV4/s320/sessionTracking.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5619946206361010402" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-355085153722141020?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/355085153722141020/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=355085153722141020' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/355085153722141020'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/355085153722141020'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/06/simple-session-tracker.html' title='simple Session Tracker'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-Y9F09RaL5gQ/Tf4PTIbzwOI/AAAAAAAAAPA/hzp2vS3cQV4/s72-c/sessionTracking.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-2713393304136037046</id><published>2011-06-19T06:51:00.000-07:00</published><updated>2011-06-19T07:33:31.634-07:00</updated><title type='text'>Detailed usage of Comparable and Comparator</title><content type='html'>Here we do share about Detailed usage of Comparable and Comparator.&lt;br /&gt;&lt;br /&gt;-first we do try to understand Detailed usage of Comparable.&lt;br /&gt;// Employee.java&lt;br /&gt;package com.comparable;&lt;br /&gt;&lt;br /&gt;public class Employee implements Comparable&lt;Employee&gt;, Serializable {&lt;br /&gt;&lt;br /&gt; private int eNo;&lt;br /&gt; private String eName;&lt;br /&gt; private float eSal;&lt;br /&gt; &lt;br /&gt; public Employee() {&lt;br /&gt;  super();&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public Employee(int eNo, String eName, float eSal) {&lt;br /&gt;  super();&lt;br /&gt;  this.eNo = eNo;&lt;br /&gt;  this.eName = eName;&lt;br /&gt;  this.eSal = eSal;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; @Override&lt;br /&gt; public int hashCode() {&lt;br /&gt;  System.out.println("-hashCode()- : " + this.hashCode());&lt;br /&gt;  final int prime = 31;&lt;br /&gt;  int result = 1;&lt;br /&gt;  result = prime * result + ((eName == null) ? 0 : eName.hashCode());&lt;br /&gt;  result = prime * result + eNo;&lt;br /&gt;  result = prime * result + Float.floatToIntBits(eSal);&lt;br /&gt;  return result;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; @Override&lt;br /&gt; public boolean equals(Object obj) {&lt;br /&gt;  System.out.println("-equals(obj)-: " + obj.toString());&lt;br /&gt;  if (this == obj)&lt;br /&gt;   return true;&lt;br /&gt;  if (obj == null)&lt;br /&gt;   return false;&lt;br /&gt;  if (getClass() != obj.getClass())&lt;br /&gt;   return false;&lt;br /&gt;  Employee other = (Employee) obj;&lt;br /&gt;  if (eName == null) {&lt;br /&gt;   if (other.eName != null)&lt;br /&gt;    return false;&lt;br /&gt;  } else if (!eName.equals(other.eName))&lt;br /&gt;   return false;&lt;br /&gt;  if (eNo != other.eNo)&lt;br /&gt;   return false;&lt;br /&gt;  if (Float.floatToIntBits(eSal) != Float.floatToIntBits(other.eSal))&lt;br /&gt;   return false;&lt;br /&gt;  return true;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public int geteNo() {&lt;br /&gt;  return eNo;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public String geteName() {&lt;br /&gt;  return eName;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public float geteSal() {&lt;br /&gt;  return eSal;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; @Override&lt;br /&gt; public int compareTo(Employee emp) {&lt;br /&gt;  int comp = 0;&lt;br /&gt;  if ((comp = this.geteName().compareTo(emp.geteName())) != 0) {&lt;br /&gt;  } else {&lt;br /&gt;   if ((comp = Float.floatToIntBits(this.geteSal())&lt;br /&gt;     - Float.floatToIntBits(emp.geteSal())) != 0) {&lt;br /&gt;   } else {&lt;br /&gt;    comp = this.geteNo() - emp.geteNo();&lt;br /&gt;   }&lt;br /&gt;  }&lt;br /&gt;  return comp;&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;//EmpComparable.java&lt;br /&gt;package com.comparable;&lt;br /&gt;&lt;br /&gt;/*&lt;br /&gt; * To be able to use the Comparable interface, the class of the objects&lt;br /&gt; * in the collection has to implement that interface. &lt;br /&gt; * You might have for example a List of objects from a class &lt;br /&gt; * that you don't control yourself - for example, &lt;br /&gt; * a class that comes from some third-party library. &lt;br /&gt; * You can't make that class implement Comparable easily &lt;br /&gt; * (it would mean you'd have to change the source code of &lt;br /&gt; * the third-party library, which is normally not a good idea).&lt;br /&gt; * To be able to sort the List anyway, you can implement your own Comparator&lt;br /&gt; * and pass that to for example &lt;br /&gt; * Collections.sort(list, comparator);.&lt;br /&gt; * Your Comparator object can be separate from the objects that are in the List.&lt;br /&gt; */&lt;br /&gt;import java.util.ArrayList;&lt;br /&gt;import java.util.Collections;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;public class EmpComparable {&lt;br /&gt;&lt;br /&gt; /**&lt;br /&gt;  * @param args&lt;br /&gt;  */&lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;&lt;br /&gt;  ArrayList&lt;Employee&gt; empList = EmpComparable.getEmployees();&lt;br /&gt;&lt;br /&gt;  EmpComparable.EmpListIterate(empList);&lt;br /&gt;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public static ArrayList&lt;Employee&gt; getEmployees() {&lt;br /&gt;&lt;br /&gt;  ArrayList&lt;Employee&gt; empList = new ArrayList&lt;Employee&gt;();&lt;br /&gt;  empList.add(new Employee(1, "Sreerama", 50000.0f));&lt;br /&gt;  empList.add(new Employee(2, "Seetha", 45000.0f));&lt;br /&gt;  empList.add(new Employee(8, "Lakshmana", 40000.0f));&lt;br /&gt;  empList.add(new Employee(4, "Bharatha", 30000.0f));&lt;br /&gt;  empList.add(new Employee(5, "Sethrugna", 20000.0f));&lt;br /&gt;  empList.add(new Employee(7, "Hanuma", 10000.0f));&lt;br /&gt;  empList.add(new Employee(6, "Hanuma", 15000.0f));&lt;br /&gt;  empList.add(new Employee(3, "Lakshmana", 40000.0f));&lt;br /&gt;&lt;br /&gt;  /*&lt;br /&gt;   * perform the sorting on given object; NOTE - no return type.&lt;br /&gt;   * we cont perform reverse sorting by using comparable&lt;br /&gt;   */&lt;br /&gt;  Collections.sort(empList);&lt;br /&gt;&lt;br /&gt;  return empList;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public static void EmpListIterate(ArrayList&lt;Employee&gt; empList) {&lt;br /&gt;&lt;br /&gt;  System.out.println("EmpNo" + "\t\t" + "EmpName" + "\t\t\t" + "EmpSal");&lt;br /&gt;  System.out.println("-----" + "\t\t" + "-------" + "\t\t\t" + "------");&lt;br /&gt;  // no need of Iterator here, we just go for display employees.&lt;br /&gt;  for (Employee emp : empList) {&lt;br /&gt;   System.out.println(emp.geteNo() + "\t\t" + emp.geteName() + "\t\t"&lt;br /&gt;     + emp.geteSal());&lt;br /&gt;  }&lt;br /&gt;  &lt;br /&gt;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;output:&lt;br /&gt;-------&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-Z_sFVQQLhSA/Tf4IHuDdv4I/AAAAAAAAAOo/wlHHV7gpFL8/s1600/EmpComparableOutput.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 156px;" src="http://4.bp.blogspot.com/-Z_sFVQQLhSA/Tf4IHuDdv4I/AAAAAAAAAOo/wlHHV7gpFL8/s320/EmpComparableOutput.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5619938313719627650" /&gt;&lt;/a&gt;&lt;br /&gt;---------------------------------&lt;br /&gt;-Second, we do try to understand Detailed usage of Comparator.&lt;br /&gt;//Employee.java&lt;br /&gt;package com.comparator;&lt;br /&gt;&lt;br /&gt;public class Employee implements Serializable {&lt;br /&gt;&lt;br /&gt; private int eNo;&lt;br /&gt; private String eName;&lt;br /&gt; private float eSal;&lt;br /&gt; &lt;br /&gt;&lt;br /&gt; public Employee() {&lt;br /&gt;  super();&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public Employee(int eNo, String eName, float eSal) {&lt;br /&gt;  super();&lt;br /&gt;  this.eNo = eNo;&lt;br /&gt;  this.eName = eName;&lt;br /&gt;  this.eSal = eSal;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; @Override&lt;br /&gt; public int hashCode() {&lt;br /&gt;  System.out.println("-hashCode()- : " + this.hashCode());&lt;br /&gt;  final int prime = 31;&lt;br /&gt;  int result = 1;&lt;br /&gt;  result = prime * result + ((eName == null) ? 0 : eName.hashCode());&lt;br /&gt;  result = prime * result + eNo;&lt;br /&gt;  result = prime * result + Float.floatToIntBits(eSal);&lt;br /&gt;  return result;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; @Override&lt;br /&gt; public boolean equals(Object obj) {&lt;br /&gt;  System.out.println("-equals(obj)-: " + obj.toString());&lt;br /&gt;  if (this == obj)&lt;br /&gt;   return true;&lt;br /&gt;  if (obj == null)&lt;br /&gt;   return false;&lt;br /&gt;  if (getClass() != obj.getClass())&lt;br /&gt;   return false;&lt;br /&gt;  Employee other = (Employee) obj;&lt;br /&gt;  if (eName == null) {&lt;br /&gt;   if (other.eName != null)&lt;br /&gt;    return false;&lt;br /&gt;  } else if (!eName.equals(other.eName))&lt;br /&gt;   return false;&lt;br /&gt;  if (eNo != other.eNo)&lt;br /&gt;   return false;&lt;br /&gt;  if (Float.floatToIntBits(eSal) != Float.floatToIntBits(other.eSal))&lt;br /&gt;   return false;&lt;br /&gt;  return true;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public int geteNo() {&lt;br /&gt;  return eNo;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public String geteName() {&lt;br /&gt;  return eName;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public float geteSal() {&lt;br /&gt;  return eSal;&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;//EmpComparator.java&lt;br /&gt;package com.comparator;&lt;br /&gt;&lt;br /&gt;import java.util.ArrayList;&lt;br /&gt;import java.util.Collections;&lt;br /&gt;import java.util.Comparator;&lt;br /&gt;&lt;br /&gt;import com.comparable.EmpComparable;&lt;br /&gt;import com.comparable.Employee;&lt;br /&gt;&lt;br /&gt;class EmpNameComparator implements Comparator&lt;Employee&gt; {&lt;br /&gt;&lt;br /&gt; @Override&lt;br /&gt; public int compare(Employee emp1, Employee emp2) {&lt;br /&gt;  return emp1.geteName().compareTo(emp2.geteName());&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;class EmpNoComparator implements Comparator&lt;Employee&gt; {&lt;br /&gt;&lt;br /&gt; @Override&lt;br /&gt; public int compare(Employee emp1, Employee emp2) {&lt;br /&gt;  return emp1.geteNo() &lt; emp2.geteNo() ? -1 : (emp1.geteNo() &lt; emp2&lt;br /&gt;    .geteNo()) ? 0 : 1;&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;class EmpSalComparator implements Comparator&lt;Employee&gt; {&lt;br /&gt;&lt;br /&gt; @Override&lt;br /&gt; public int compare(Employee emp1, Employee emp2) {&lt;br /&gt;  return Float.floatToIntBits(emp1.geteSal()) &lt; Float.floatToIntBits(emp2&lt;br /&gt;    .geteSal()) ? -1&lt;br /&gt;    : (Float.floatToIntBits(emp1.geteSal()) &lt; Float&lt;br /&gt;      .floatToIntBits(emp2.geteSal())) ? 0 : 1;&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;public class EmpComparator {&lt;br /&gt;&lt;br /&gt; public EmpComparator() {&lt;br /&gt;  // no code&lt;br /&gt; }&lt;br /&gt; public static Comparator&lt;Employee&gt; CompareWith(String comp) {&lt;br /&gt;  System.out.println("-comp- " + comp);&lt;br /&gt;  Comparator&lt;Employee&gt; compObj = null;&lt;br /&gt;  if (comp.equals("EmpName")) {&lt;br /&gt;   compObj = new EmpNameComparator();&lt;br /&gt;  } else if (comp.equals("EmpSal")) {&lt;br /&gt;   compObj = new EmpSalComparator();&lt;br /&gt;  } else {&lt;br /&gt;   compObj = new EmpNoComparator();&lt;br /&gt;  }&lt;br /&gt;  return compObj;&lt;br /&gt; }&lt;br /&gt; public static ArrayList&lt;Employee&gt; showEmployees() {&lt;br /&gt;  ArrayList&lt;Employee&gt; empList = new ArrayList&lt;Employee&gt;();&lt;br /&gt;  empList.add(new Employee(1, "Sreerama", 50000.0f));&lt;br /&gt;  empList.add(new Employee(2, "Seetha", 45000.0f));&lt;br /&gt;  empList.add(new Employee(8, "Lakshmana", 40000.0f));&lt;br /&gt;  empList.add(new Employee(4, "Bharatha", 30000.0f));&lt;br /&gt;  empList.add(new Employee(5, "Sethrugna", 20000.0f));&lt;br /&gt;  empList.add(new Employee(7, "Hanuma", 10000.0f));&lt;br /&gt;  empList.add(new Employee(6, "Hanuma", 15000.0f));&lt;br /&gt;  empList.add(new Employee(3, "Lakshmana", 40000.0f));&lt;br /&gt;  // perform the sorting on given object; NOTE - no return type.&lt;br /&gt;  Collections.sort(empList, EmpComparator.CompareWith("EmpName"));&lt;br /&gt;  EmpComparable.EmpListIterate(empList);&lt;br /&gt;  Collections.sort(empList, EmpComparator.CompareWith("EmpSal"));&lt;br /&gt;  EmpComparable.EmpListIterate(empList);&lt;br /&gt;  Collections.sort(empList, EmpComparator.CompareWith("default"));&lt;br /&gt;  EmpComparable.EmpListIterate(empList);&lt;br /&gt;//Reverse sort is also possible.&lt;br /&gt;  Collections.sort(empList, Collections.reverseOrder(EmpComparator.CompareWith("default")));&lt;br /&gt;  EmpComparable.EmpListIterate(empList);&lt;br /&gt;  return empList;&lt;br /&gt; }&lt;br /&gt; public static void EmpListIterate(ArrayList&lt;Employee&gt; empList) {&lt;br /&gt;&lt;br /&gt;  System.out.println("EmpNo" + "\t\t" + "EmpName" + "\t\t\t" + "EmpSal");&lt;br /&gt;  System.out.println("-----" + "\t\t" + "-------" + "\t\t\t" + "------");&lt;br /&gt;  // no need of Iterator here, we just go for display employees.&lt;br /&gt;  for (Employee emp : empList) {&lt;br /&gt;   System.out.println(emp.geteNo() + "\t\t" + emp.geteName() + "\t\t"&lt;br /&gt;     + emp.geteSal());&lt;br /&gt;  }&lt;br /&gt; }&lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;  ArrayList&lt;Employee&gt; empList = EmpComparator.showEmployees();&lt;br /&gt;  &lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;output:&lt;br /&gt;------&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-YswhF3lJYH8/Tf4IY8r-adI/AAAAAAAAAOw/ho2BWJvaiZI/s1600/EmpComparatorOutput.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 226px; height: 320px;" src="http://2.bp.blogspot.com/-YswhF3lJYH8/Tf4IY8r-adI/AAAAAAAAAOw/ho2BWJvaiZI/s320/EmpComparatorOutput.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5619938609705413074" /&gt;&lt;/a&gt;&lt;br /&gt;// In reverse order by EmpNo as default sort.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-VtEOieQzWdM/Tf4IodCyliI/AAAAAAAAAO4/gwIek1JC6Ak/s1600/EmpComparatorOutput-reverseOrder.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 156px;" src="http://4.bp.blogspot.com/-VtEOieQzWdM/Tf4IodCyliI/AAAAAAAAAO4/gwIek1JC6Ak/s320/EmpComparatorOutput-reverseOrder.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5619938876089079330" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-2713393304136037046?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/2713393304136037046/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=2713393304136037046' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/2713393304136037046'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/2713393304136037046'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/06/detailed-usage-of-comparable-and.html' title='Detailed usage of Comparable and Comparator'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-Z_sFVQQLhSA/Tf4IHuDdv4I/AAAAAAAAAOo/wlHHV7gpFL8/s72-c/EmpComparableOutput.JPG' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-7397881443709002904</id><published>2011-04-17T22:26:00.000-07:00</published><updated>2011-04-17T22:30:18.531-07:00</updated><title type='text'>Set session timeout in Weblogic</title><content type='html'>There are two ways user's HTTP session timeout can be set for your web application.&lt;br /&gt;1.       Web.xml&lt;br /&gt;2.       Weblogic.xml&lt;br /&gt;&lt;a href="http://4.bp.blogspot.com/-UZxUuuvXn6o/TavMXnTsdVI/AAAAAAAAANw/VxW7wRRdLI0/s1600/sessiontimeout%2Bin%2Bweblogic.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 271px; height: 320px;" src="http://4.bp.blogspot.com/-UZxUuuvXn6o/TavMXnTsdVI/AAAAAAAAANw/VxW7wRRdLI0/s320/sessiontimeout%2Bin%2Bweblogic.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5596791667998618962" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;More importantly the timeout value set in web.xml takes precedence over weblogic.xml. If you don't set any values in web.xml, weblogic.xml takes over. I think it is better to handle session timeout in web.xml itself since web.xml takes precedence over application server’s deployment descriptors.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-7397881443709002904?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/7397881443709002904/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=7397881443709002904' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/7397881443709002904'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/7397881443709002904'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/04/set-session-timeout-in-weblogic.html' title='Set session timeout in Weblogic'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-UZxUuuvXn6o/TavMXnTsdVI/AAAAAAAAANw/VxW7wRRdLI0/s72-c/sessiontimeout%2Bin%2Bweblogic.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-5979140603268560756</id><published>2011-04-16T23:16:00.000-07:00</published><updated>2011-04-16T23:21:08.793-07:00</updated><title type='text'>Parse CSV In Java</title><content type='html'>package com.csv;&lt;br /&gt;&lt;br /&gt;import java.io.BufferedReader;&lt;br /&gt;import java.io.FileReader;&lt;br /&gt;import java.util.StringTokenizer;&lt;br /&gt;&lt;br /&gt;public class ParseCSVInJava {&lt;br /&gt;&lt;br /&gt; /**&lt;br /&gt;  * @param args&lt;br /&gt;  */&lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;  &lt;br /&gt;  try&lt;br /&gt;  {&lt;br /&gt;  //csv file containing data&lt;br /&gt;  String strFile = "D:\\WS12042011\\Parsing_XMLDOM_CSV_Text_In_Java\\src\\com\\csv\\Employee.csv";&lt;br /&gt;  //create BufferedReader to read csv file&lt;br /&gt;  BufferedReader br = new BufferedReader( new FileReader(strFile));&lt;br /&gt;  String strLine = "";&lt;br /&gt;  StringTokenizer st = null;&lt;br /&gt;  int lineNumber = 0, tokenNumber = 0;&lt;br /&gt;  //read comma separated file line by line&lt;br /&gt;  while( (strLine = br.readLine()) != null)&lt;br /&gt;  {&lt;br /&gt;  lineNumber++;&lt;br /&gt;  //break comma separated line using ","&lt;br /&gt;  st = new StringTokenizer(strLine, ",");&lt;br /&gt;  while(st.hasMoreTokens())&lt;br /&gt;  {&lt;br /&gt;  //display csv values&lt;br /&gt;  tokenNumber++;&lt;br /&gt;  System.out.println("Line:" + lineNumber +", Token:" + tokenNumber+ ", Value = "+ st.nextToken());&lt;br /&gt;  }&lt;br /&gt;  //reset token number&lt;br /&gt;  tokenNumber = 0;&lt;br /&gt;  }&lt;br /&gt;  }&lt;br /&gt;  catch(Exception e)&lt;br /&gt;  {&lt;br /&gt;  System.out.println("Exception while reading csv file: " + e);&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;----------&lt;br /&gt;out put&lt;br /&gt;----------&lt;br /&gt;Line:1, Token:1, Value = one:1&lt;br /&gt;Line:1, Token:2, Value = two:2&lt;br /&gt;Line:1, Token:3, Value = three:3&lt;br /&gt;Line:1, Token:4, Value = four:4&lt;br /&gt;Line:1, Token:5, Value = five:5&lt;br /&gt;Line:1, Token:6, Value = six:6&lt;br /&gt;Line:2, Token:1, Value = parsing&lt;br /&gt;Line:2, Token:2, Value = comma&lt;br /&gt;Line:2, Token:3, Value = separated&lt;br /&gt;Line:2, Token:4, Value = file&lt;br /&gt;Line:2, Token:5, Value = in&lt;br /&gt;Line:2, Token:6, Value = java&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-5979140603268560756?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/5979140603268560756/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=5979140603268560756' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/5979140603268560756'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/5979140603268560756'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/04/parse-csv-in-java.html' title='Parse CSV In Java'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-4174583718220030849</id><published>2011-03-25T03:27:00.000-07:00</published><updated>2011-03-25T03:28:17.742-07:00</updated><title type='text'>Will your resume get you the interview call?</title><content type='html'>1. Should your resume have a career goal/ objective statement? A resume that is worthy of representing you, should clearly state your career objective. A career objective is an indirect way of advertising what all you would bring to the company/ role. It must display a ‘giving’ attitude and not a ‘taking’ attitude. &lt;br /&gt;&lt;br /&gt;2. What sequence should your story follow?&lt;br /&gt;Be it work experience or education, always tell the story from the current/ most recent to the first. NEVER write it the other way round.&lt;br /&gt;&lt;br /&gt;3. Does your resume need to mention your marital status?&lt;br /&gt;The new age resume does not require you to mention your marital status. However, if the job advertisement clearly states this as a requirement, do fulfil it. Quick Take&lt;br /&gt;&lt;br /&gt;* Include a sharp Career Goal&lt;br /&gt;&lt;br /&gt;* Choose the pdf format with discretion&lt;br /&gt;&lt;br /&gt;* Fonts: Use Times New Roman, Calibri or Verdana&lt;br /&gt;&lt;br /&gt;* Run a spell check&lt;br /&gt;&lt;br /&gt;* Tweak to suit position and company of a potential employer&lt;br /&gt;&lt;br /&gt;* Your latest work stint must appear first&lt;br /&gt;&lt;br /&gt;* save the doc/pdf with meaning full name like : thanooj_j2ee_2.7yrs_25032011.&lt;br /&gt;&lt;br /&gt;* writing a cover letter &lt;br /&gt;Dear _______, I am applying for the role of ___________________ at your esteemed organisation _____________________.&lt;br /&gt;&lt;br /&gt;4. How should you treat references?&lt;br /&gt;&lt;br /&gt;Unless you have been specifically asked to provide references, it is acceptable to state in your covering letter/ email that you will provide references on request. Usually, two references are sufficient. Try to provide references from the two most recent phases of your career. &lt;br /&gt;It is a good idea to inform the referees that you are giving out their contact information. It will also help if they know what kind of jobs you are applying for. &lt;br /&gt;&lt;br /&gt;5. Should you send the resume as an MS Word document or a PDF? &lt;br /&gt;Some organisations ask you to upload your resume. Usually they ask for an MS Word document. If you are mailing across your resume, you could choose either format. &lt;br /&gt;A word of caution – do not get carried away if you decide to make it a PDF. Keep it simple – leave out visual histrionics. And whatever software you choose – send the resume in the most commonly used version. &lt;br /&gt;The biggest advantage of using a pdf format is that it preserves the formatting irrespective of the version of the Acrobat Reader version or user settings. &lt;br /&gt;&lt;br /&gt;6. Should you incorporate links in the resume?&lt;br /&gt;If you are an engineer who writes a technical blog, go ahead and incorporate the link in your resume. If you are a website developer, the links to the pages created by you would certainly help.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-4174583718220030849?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/4174583718220030849/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=4174583718220030849' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/4174583718220030849'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/4174583718220030849'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/03/will-your-resume-get-you-interview-call.html' title='Will your resume get you the interview call?'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-6095420559759446186</id><published>2011-03-22T00:10:00.000-07:00</published><updated>2011-03-22T00:38:35.664-07:00</updated><title type='text'>Struts 2 Namespace configuration.</title><content type='html'>*Struts 2 Namespace is a new concept to handle the multiple modules by given a namespace to each module. In addition, it can used to avoid conflicts between same action names located at different modules.&lt;br /&gt;*Struts 2 Namespaces are the equivalent of Struts 1 multiple modules.&lt;br /&gt;&lt;a href="http://1.bp.blogspot.com/-lZVfq6sBJIM/TYhL31ODxKI/AAAAAAAAAMo/h6YyXn5_zO4/s1600/struts2namespaceex.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 144px;" src="http://1.bp.blogspot.com/-lZVfq6sBJIM/TYhL31ODxKI/AAAAAAAAAMo/h6YyXn5_zO4/s320/struts2namespaceex.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5586798760304034978" /&gt;&lt;/a&gt;&lt;br /&gt;1. Namespace configuration&lt;br /&gt;Let go through a Struts 2 namescape configuration example to know how it match with URL and folder. &lt;br /&gt;&lt;br /&gt;P.S The package “name” will not affect the result, just give a meaningful name. &lt;br /&gt;&lt;br /&gt;&lt;a href="http://2.bp.blogspot.com/-qNChub-laH8/TYhMPZtGwQI/AAAAAAAAAMw/vDws4jRB1-Y/s1600/struts2xml.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 266px;" src="http://2.bp.blogspot.com/-qNChub-laH8/TYhMPZtGwQI/AAAAAAAAAMw/vDws4jRB1-Y/s320/struts2xml.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5586799165234921730" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://2.bp.blogspot.com/-GZwWPJjSqgM/TYhR6yS4TPI/AAAAAAAAANQ/Cg9celneF2A/s1600/struts2actionNamespacedir.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 279px;" src="http://2.bp.blogspot.com/-GZwWPJjSqgM/TYhR6yS4TPI/AAAAAAAAANQ/Cg9celneF2A/s320/struts2actionNamespacedir.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5586805408128322802" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://3.bp.blogspot.com/-aCGYC26IVuI/TYhNj8v1aZI/AAAAAAAAANA/E5GamzLEUeM/s1600/jspviewpagesStruts2.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 243px; height: 320px;" src="http://3.bp.blogspot.com/-aCGYC26IVuI/TYhNj8v1aZI/AAAAAAAAANA/E5GamzLEUeM/s320/jspviewpagesStruts2.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5586800617750620562" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://4.bp.blogspot.com/-yXluE6WzG_I/TYhRMY5g6BI/AAAAAAAAANI/utnBbs3V6A0/s1600/mapping-howItworks.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 272px; height: 320px;" src="http://4.bp.blogspot.com/-yXluE6WzG_I/TYhRMY5g6BI/AAAAAAAAANI/utnBbs3V6A0/s320/mapping-howItworks.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5586804611037063186" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-6095420559759446186?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/6095420559759446186/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=6095420559759446186' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/6095420559759446186'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/6095420559759446186'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/03/struts-2-namespace-configuration.html' title='Struts 2 Namespace configuration.'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-lZVfq6sBJIM/TYhL31ODxKI/AAAAAAAAAMo/h6YyXn5_zO4/s72-c/struts2namespaceex.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-5902486827093249472</id><published>2011-03-21T23:35:00.000-07:00</published><updated>2011-03-22T00:10:28.837-07:00</updated><title type='text'>Struts 1.x – Multiple configuration files.</title><content type='html'>&lt;a href="http://1.bp.blogspot.com/-_9CSbl0tO2s/TYhFJy7vKDI/AAAAAAAAALw/GkSEVUMry8Q/s1600/struts-multiple-configfiles.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 215px; height: 320px;" src="http://1.bp.blogspot.com/-_9CSbl0tO2s/TYhFJy7vKDI/AAAAAAAAALw/GkSEVUMry8Q/s320/struts-multiple-configfiles.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5586791372346566706" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;1. Single module&lt;br /&gt;A single module support multiple Struts configuration files.&lt;br /&gt;&lt;a href="http://4.bp.blogspot.com/-zCw3zWXSDvI/TYhGuM3xNVI/AAAAAAAAAL4/UU6A9o6YY7c/s1600/page1page2One.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 284px; height: 312px;" src="http://4.bp.blogspot.com/-zCw3zWXSDvI/TYhGuM3xNVI/AAAAAAAAAL4/UU6A9o6YY7c/s320/page1page2One.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5586793097296164178" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://4.bp.blogspot.com/-ew4IuMk0bNs/TYhHXCG11uI/AAAAAAAAAMA/ong3pIaDgvc/s1600/struts-config1-2One.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 262px; height: 320px;" src="http://4.bp.blogspot.com/-ew4IuMk0bNs/TYhHXCG11uI/AAAAAAAAAMA/ong3pIaDgvc/s320/struts-config1-2One.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5586793798781228770" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;In the web.xml, you can separate multiple Struts configure file by a comma “,“.&lt;br /&gt;&lt;a href="http://4.bp.blogspot.com/-_Es0x-HCekw/TYhH6j4fIII/AAAAAAAAAMI/HehoBppGgH0/s1600/webOnexml.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 300px;" src="http://4.bp.blogspot.com/-_Es0x-HCekw/TYhH6j4fIII/AAAAAAAAAMI/HehoBppGgH0/s320/webOnexml.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5586794409143246978" /&gt;&lt;/a&gt;&lt;br /&gt;Test it:&lt;br /&gt;1.http://localhost:8080/StrutsExample/Page1.do&lt;br /&gt;It will display the page1.jsp&lt;br /&gt;2.http://localhost:8080/StrutsExample/common/Welcome.do&lt;br /&gt;It will display the page2.jsp&lt;br /&gt;Both Struts configuration are loaded property.&lt;br /&gt;--------------------------------------------------------&lt;br /&gt;2. Multiple modules&lt;br /&gt;Multiple modules, each has own Struts configuration files.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://1.bp.blogspot.com/-5ukmYCM_OiQ/TYhIbVkhpwI/AAAAAAAAAMQ/65eUChhaqYA/s1600/admin-commonJSPTwo.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 310px; height: 311px;" src="http://1.bp.blogspot.com/-5ukmYCM_OiQ/TYhIbVkhpwI/AAAAAAAAAMQ/65eUChhaqYA/s320/admin-commonJSPTwo.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5586794972237113090" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Both “struts-config-admin.xml” and “struts-config-admin.xml” files contains the same settings, Struts is able to differential it via the “config” parameter value in web.xml.&lt;br /&gt;&lt;br /&gt;struts-config-admin.xml, struts-config-common.xml&lt;br /&gt;&lt;a href="http://1.bp.blogspot.com/-laQUGiyi50Q/TYhJR9BHqKI/AAAAAAAAAMY/BaHY_pSe8gg/s1600/admin-commonxmltwo.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 179px;" src="http://1.bp.blogspot.com/-laQUGiyi50Q/TYhJR9BHqKI/AAAAAAAAAMY/BaHY_pSe8gg/s320/admin-commonxmltwo.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5586795910538963106" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;web.xml&lt;br /&gt;&lt;br /&gt;&lt;a href="http://4.bp.blogspot.com/-u4OPeU6Q4Oc/TYhJzHBtqNI/AAAAAAAAAMg/uAYfuobzukk/s1600/webxmlTwo.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 263px; height: 320px;" src="http://4.bp.blogspot.com/-u4OPeU6Q4Oc/TYhJzHBtqNI/AAAAAAAAAMg/uAYfuobzukk/s320/webxmlTwo.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5586796480161491154" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Test it&lt;br /&gt;The “config/admin” will match to this URL pattern – http://localhost:8080/StrutsExample/admin/&lt;br /&gt;The “config/common” will match to this URL pattern – http://localhost:8080/StrutsExample/common/&lt;br /&gt;&lt;br /&gt;1.http://localhost:8080/StrutsExample/admin/Welcome.do&lt;br /&gt;It will display the admin/welcome.jsp&lt;br /&gt;2.http://localhost:8080/StrutsExample/common/Welcome.do&lt;br /&gt;It will display the common/welcome.jsp&lt;br /&gt;Each modules has own Struts configuration file.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-5902486827093249472?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/5902486827093249472/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=5902486827093249472' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/5902486827093249472'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/5902486827093249472'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/03/struts-multiple-configuration-files.html' title='Struts 1.x – Multiple configuration files.'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-_9CSbl0tO2s/TYhFJy7vKDI/AAAAAAAAALw/GkSEVUMry8Q/s72-c/struts-multiple-configfiles.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-2584488270990066540</id><published>2011-02-02T21:47:00.000-08:00</published><updated>2011-02-02T22:18:27.629-08:00</updated><title type='text'>Tomcat manager console</title><content type='html'>&lt;span style="font-weight:bold;"&gt;we do discuss about tomcat manager console login :&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;we do for tomcat server installation, while installing it, i will ask us to give userName/password, though that we can access tomcat manager console.&lt;br /&gt;&lt;br /&gt;where as, when we go for tomcat.zip, it won't ask for manager userName/pwd or so.&lt;br /&gt;after unzipping tomcat.zip.&lt;br /&gt;we need to set &lt;br /&gt;JAVA_HOME=%{where our JAVA JDK s/w installed(reside)}%&lt;br /&gt;CATALINA_HOME=%{where our Tomcat s/w unzip/installed(reside)}%&lt;br /&gt;done.&lt;br /&gt;now, when we try to access manager's console, then we need to edit %{CATALINA_HOME}%\conf\tomcat-users.xml&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;edit tomcat-users.xml :&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;if you already started tomcat server, shutdown server before edit&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_JlcU02lPkwo/TUpHkJ-_MwI/AAAAAAAAALk/DAH75b1ckvw/s1600/edit%2Btomcat-users-xml%2Bfile.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 66px;" src="http://4.bp.blogspot.com/_JlcU02lPkwo/TUpHkJ-_MwI/AAAAAAAAALk/DAH75b1ckvw/s320/edit%2Btomcat-users-xml%2Bfile.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5569342575678010114" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;and save it.done.&lt;br /&gt;&lt;br /&gt;now, run &lt;span style="font-weight:bold;"&gt;startup.bat&lt;/span&gt;&lt;br /&gt;goto &lt;span style="font-weight:bold;"&gt;http://localhost:8080/&lt;/span&gt;&lt;br /&gt;click on '&lt;span style="font-weight:bold;"&gt;Tomcat Manager&lt;/span&gt;'&lt;br /&gt;it will ask for userName/pwd, provide your specific details.&lt;br /&gt;&lt;br /&gt;done.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-2584488270990066540?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/2584488270990066540/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=2584488270990066540' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/2584488270990066540'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/2584488270990066540'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/02/tomcat-manager-console.html' title='Tomcat manager console'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_JlcU02lPkwo/TUpHkJ-_MwI/AAAAAAAAALk/DAH75b1ckvw/s72-c/edit%2Btomcat-users-xml%2Bfile.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-399289249027592582</id><published>2011-01-16T22:28:00.000-08:00</published><updated>2011-01-16T22:38:44.732-08:00</updated><title type='text'>Unit testing with JUnit and EasyMock</title><content type='html'>&lt;strong&gt;What is a unit test?&lt;/strong&gt;For the case of this tutorial, we'll define a unit test as a test of a single isolated component in a repeatable way. Let's go thru that one section at a time to get a clearer idea of what goes into a unit test. &lt;br /&gt;"a test". This means to verify something is correct. In order for us to have a valid unit test, we need to actually validate that after a start condition A, an end condition B exists. "...a single isolated component...". This is what separates a unit test from other types of tests. In order for it to be a unit test, it must test something in isolation, aka without dependencies. The reason for this is that we are testing the component itself and not it's interaction with other components (that is an integration test). Finally, although most definitions don't include this piece, "...in a repeatable way" is a very important piece of the definition. It's one thing to run a test that passes. It's quite different to have something you can run in a repeatable manor at any point to see if changes you made effected how the component behaves. For example, if you choose to do some refactoring to improve performance, can you rerun your unit test to verify that you didn't change the behavior of the component. &lt;br /&gt;Setup&lt;br /&gt;I will be using Eclipse 3.3 Europa to do this tutorial. To begin, create a new java project and call it JUnitTutorial. Right click on your new project and select New --&gt; Folder. Name it lib and click Finish. Usually you don't want to package your test code with your regular code, so let's make an additional source directory, test. To do that, right click on your new project and select Properties. Select Java Build Path from the available options. In the Java Build Path window, click Add Folder. From the Add Folder dialog, select Create New Folder, name it test and click Finish. Next we need to add JUnit to our build path. Since it comes with Eclipse, all we need to do is to go to the Libraries tab, click the button Add Library, select JUnit and click Next. Select JUnit 4 and click Finish. Click ok to exit the Preferences window. We will also need to download and add the EasyMock jar files to our project. You can find the jars here. Once you download the zip file (we are using version 2.3 for this tutorial), extract the easymock.jar file and place it in the lib folder you created earlier. In Eclipse, right click on your project and select Properties. On the menu to the left, click Java Build Path and select the Libraries tab. Click the button Add Jar on the right. In the window that pops up, add the easymock.jar and click Ok. Click Ok to close the Properties window. You should now be ready to start your development. &lt;br /&gt;&lt;strong&gt;The requirements&lt;/strong&gt;In test driven design, we develop the unit test before the functionality. We write a test that verifies that the class should do X after our call. We prove that the test fails, we then create the component to make the test pass. In this case, we are going to create a service with a method that authenticates a user. Below is a class diagram of the scenario. &lt;br /&gt;&lt;a href="http://3.bp.blogspot.com/_JlcU02lPkwo/TTPiw6DmdnI/AAAAAAAAALA/kJtwSWdT3fA/s1600/classDiagram%2Bof%2BLoginService%2Band%2BDao.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 231px;" src="http://3.bp.blogspot.com/_JlcU02lPkwo/TTPiw6DmdnI/AAAAAAAAALA/kJtwSWdT3fA/s320/classDiagram%2Bof%2BLoginService%2Band%2BDao.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5563039294578652786" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;The interfaces&lt;/strong&gt;We will start our coding by defining two interfaces, LoginService and UserDAO We will implement LoginService, however since in this tutorial UserDAO will be mocked, we won't bother implementing it right now. For LoginService, we have a single method that takes a String userName and String password and returns a boolean (true if the user was found, false if it was not). The interface looks like this: &lt;br /&gt;&lt;br /&gt;/**&lt;br /&gt;* Provides authenticated related processing.&lt;br /&gt;*/&lt;br /&gt;public interface LoginService {&lt;br /&gt;&lt;br /&gt;     /**&lt;br /&gt;     * Handles a request to login.  Passwords are stored as an MD5 Hash in&lt;br /&gt;     * this system.  The login service creates a hash based on the paramters&lt;br /&gt;     * received and looks up the user.  If a user with the same userName and&lt;br /&gt;     * password hash are found, true is returned, else false is returned.&lt;br /&gt;     * &lt;br /&gt;     * @parameter userName&lt;br /&gt;     * @parameter password&lt;br /&gt;     * @return    boolean&lt;br /&gt;     */&lt;br /&gt;     boolean login(String userName, String password);&lt;br /&gt;}&lt;br /&gt;The UserDAO interface will look very similar to the LoginService. It will have a single method that takes a userName and hash. The hash is an MD5 hashed version of the password, provided by the above service. &lt;br /&gt;&lt;br /&gt;/**&lt;br /&gt;* Provides database access for login related functions&lt;br /&gt;*/&lt;br /&gt;public interface UserDAO {&lt;br /&gt;&lt;br /&gt;     /**&lt;br /&gt;     * Loads a User object for the record that&lt;br /&gt;     * is returned with the same userName and password.&lt;br /&gt;     * &lt;br /&gt;     * @parameter userName&lt;br /&gt;     * @parameter password&lt;br /&gt;     * @return    User&lt;br /&gt;     */&lt;br /&gt;     User loadByUsernameAndPassword(String userName, String password);&lt;br /&gt;}&lt;br /&gt;&lt;strong&gt;The test case&lt;/strong&gt;Before we begin development, we will develop our test. Tests are structured by grouping methods that perform a test together in a test case. A test case is a class that extends junit.framework.TestCase. So in this case, we will begin by developing the test case for LoginService. To start, in your test directory, create a new class named LoginServiceTest and make it extend junit.framework.TestCase. &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;The lifecycle of a test execution consists of three main methods: &lt;/strong&gt;&lt;br /&gt;&lt;strong&gt;public void setUp()&lt;/strong&gt;setUp is executed before each of the test. It is used to perform any setup required before the execution of your test. Your implementation will override the default empty implementation in TestCase. &lt;br /&gt;&lt;strong&gt;public void testSomething()&lt;/strong&gt;testSomething is the actual test method. You may have many of these within a single test case. Each one will be executed by your test runner and all errors will be reported at the end. &lt;br /&gt;&lt;strong&gt;public void tearDown()&lt;/strong&gt;tearDown is executed after each test method. It is used to perform any cleanup required after your tests. &lt;br /&gt;&lt;br /&gt;So to begin flushing out our test case, we'll start with the setUp method. In this method, we'll instantiate an instance of the service to be tested. We'll also create our first mock object, UserDAO. You can see the source of our test below. &lt;br /&gt;&lt;br /&gt;import junit.framework.TestCase;&lt;br /&gt;import static org.easymock.EasyMock.createStrictMock;&lt;br /&gt;import static org.easymock.EasyMock.expect;&lt;br /&gt;import static org.easymock.EasyMock.replay;&lt;br /&gt;import static org.easymock.EasyMock.verify;&lt;br /&gt;import static org.easymock.EasyMock.eq;&lt;br /&gt;/**&lt;br /&gt;* Test case for LoginService.&lt;br /&gt;*/&lt;br /&gt;public class LoginServiceTest extends TestCase{&lt;br /&gt;&lt;br /&gt;     private LoginServiceImpl service;&lt;br /&gt;     private UserDAO mockDao;&lt;br /&gt;&lt;br /&gt;     /**&lt;br /&gt;     * setUp overrides the default, empty implementation provided by&lt;br /&gt;     * JUnit's TestCase.  We will use it to instantiate our required&lt;br /&gt;     * objects so that we get a clean copy for each test.&lt;br /&gt;     */&lt;br /&gt;     @Override&lt;br /&gt;     public void setUp() {&lt;br /&gt;          service = new LoginServiceImpl();&lt;br /&gt;          mockDao = createStrictMock(UserDAO.class);&lt;br /&gt;          service.setUserDAO(mockDao);&lt;br /&gt;     }&lt;br /&gt;}&lt;br /&gt;EasyMock works by implementing the proxy pattern. When you create a mock object, it creates a proxy object that takes the place of the real object. The proxy object gets it's definition from the interface you pass when creating the mock. We will define what methods are called and their returns from within our test method itself. &lt;br /&gt;&lt;br /&gt;When creating a mock object, there are two types, a mock and a strict mock. In either case, our test will tell the mock object what method calls to expect and what to return when they occur. A basic mock will not care about the order of the execution of the methods. A strict mock, on the other hand, is order specific. Your test will fail if the methods are executed out of order on a strict mock. In this example, we will be using a strict mock. &lt;br /&gt;&lt;br /&gt;The next step is to create our actual test method (for reference, we will not be implementing a tearDown method for this test case, it won't be needed in this example). In our test method, we want to test the following scenario: &lt;br /&gt;&lt;br /&gt;&lt;a href="http://2.bp.blogspot.com/_JlcU02lPkwo/TTPjPh3yX7I/AAAAAAAAALI/qL4wrmV0IaA/s1600/SequenceDiagram%2Bof%2BLoginService%2Band%2BDao.JPG"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 68px;" src="http://2.bp.blogspot.com/_JlcU02lPkwo/TTPjPh3yX7I/AAAAAAAAALI/qL4wrmV0IaA/s320/SequenceDiagram%2Bof%2BLoginService%2Band%2BDao.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5563039820662595506" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Even with the very basic method we want to test above, there are still a number of different scenarios that require tests. We will start with the "rosy" scenario, passing in two values and getting a user object back. Below is the source of what will be our new test method. &lt;br /&gt;&lt;br /&gt;     ...&lt;br /&gt;     /**&lt;br /&gt;     * This method will test the "rosy" scenario of passing a valid&lt;br /&gt;     * username and password and retrieveing the user.  Once the user&lt;br /&gt;     * is returned to the service, the service will return true to&lt;br /&gt;     * the caller.&lt;br /&gt;     */&lt;br /&gt;     public void testRosyScenario() {&lt;br /&gt;          User results = new User();&lt;br /&gt;          String userName = "testUserName";&lt;br /&gt;          String password = "testPassword";&lt;br /&gt;          String passwordHash = &lt;br /&gt;               "�Ӷ &amp;  I7���Ni=.";&lt;br /&gt;          expect(mockDao.loadByUsernameAndPassword(eq(userName), eq(passwordHash)))&lt;br /&gt;               .andReturn(results);&lt;br /&gt;&lt;br /&gt;          replay(mockDao);&lt;br /&gt;          assertTrue(service.login(userName, password));&lt;br /&gt;          verify(mockDao);&lt;br /&gt;     }&lt;br /&gt;     ...&lt;br /&gt;So let's go thru the code above. First, we create the expected result of our DAO call, results. In this case, our method will just check to see if an object was returned, so we don't need to populate our user object with anything, we just need an empty instance. Next we declare the values we will be passing into our service call. The password hash may catch you off guard. It's considered unsafe to store passwords as plain text so our service will generate an MD5 hash of the password and that value is the value that we will pass to our DAO. &lt;br /&gt;&lt;br /&gt;The next line is a very important line in our test that alot happens, so let's walk thru it step by step: &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;expect(mockDao.loadByUsernameAndPassword()&lt;/strong&gt;This is a call to the static method EasyMock.expect. It tells your mock object to expect the method loadByUsernameAndPassword to be called. &lt;br /&gt;eq(userName), eq(passwordHash)&lt;br /&gt;This code isn't always needed. When EasyMock compares the values passed to the method call, it does and == comparison. Because we are going to create the MD5 hash within our method, an == check will fail, so we have to use one of EasyMock's comparators instead. The eq comparator in this case will compare the contents of the string using it's .equals method. If we were not doing the MD5 hash, this line would be expect(mockDao.loadByUsernameAndPassword(userName, password).andReturn(results); &lt;br /&gt;&lt;strong&gt;.andReturn(results);&lt;/strong&gt;This tells our mock object what to return after this method is called. &lt;br /&gt;&lt;br /&gt;The final three lines are the ones that do the testing work.&lt;strong&gt; replay(mockDao); &lt;/strong&gt;tells EasyMock "We're done declaring our expectations. It's now time to run what we told you". &lt;strong&gt;assertTrue(service.login(userName, password)); &lt;/strong&gt;does two things: executes the code to be tested and tests that the result is true. If it is false, the test will fail. Finally, &lt;strong&gt;verify(mockDao); &lt;/strong&gt;tells EasyMock to validate that all of the expected method calls were executed and in the correct order. &lt;br /&gt;&lt;br /&gt;So that's it for the test. Now all we have to do is write the code to make it pass. You can find that below. &lt;br /&gt;&lt;br /&gt;import java.security.MessageDigest;&lt;br /&gt;import java.security.NoSuchAlgorithmException;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;public class LoginServiceImpl implements LoginService {&lt;br /&gt; &lt;br /&gt;     private UserDAO userDao;&lt;br /&gt;&lt;br /&gt;     public void setUserDAO(UserDAO userDao) {&lt;br /&gt;          this.userDao = userDao;&lt;br /&gt;     }&lt;br /&gt;&lt;br /&gt;     @Override&lt;br /&gt;     public boolean login(String userName, String password) {&lt;br /&gt;          boolean valid = false;&lt;br /&gt;          try {&lt;br /&gt;               String passwordHash = null;&lt;br /&gt;               MessageDigest md5 = MessageDigest.getInstance("MD5");&lt;br /&gt;               md5.update(password.getBytes());&lt;br /&gt;               passwordHash = new String(md5.digest());&lt;br /&gt;&lt;br /&gt;               User results = &lt;br /&gt;                    userDao.loadByUsernameAndPassword(userName, passwordHash);&lt;br /&gt;               if(results != null) {&lt;br /&gt;                    valid = true;&lt;br /&gt;               }&lt;br /&gt;          } catch (NoSuchAlgorithmException ignore) {}&lt;br /&gt;  &lt;br /&gt;          return valid;&lt;br /&gt;     }&lt;br /&gt;}&lt;br /&gt;&lt;strong&gt;Conclusion&lt;/strong&gt;So that is it. I hope this gives you a more in depth view into JUnit and EasyMock. Unit testing is something that once you get used to it, makes you code better, provides you with a safety net for future refactoring and protects you from being burned by API changes. I strongly encourage that you give it a try. Until next time.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-399289249027592582?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/399289249027592582/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=399289249027592582' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/399289249027592582'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/399289249027592582'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2011/01/unit-testing-with-junit-and-easymock.html' title='Unit testing with JUnit and EasyMock'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_JlcU02lPkwo/TTPiw6DmdnI/AAAAAAAAALA/kJtwSWdT3fA/s72-c/classDiagram%2Bof%2BLoginService%2Band%2BDao.JPG' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-1285811715220118468</id><published>2010-08-20T11:13:00.000-07:00</published><updated>2010-08-20T11:17:45.931-07:00</updated><title type='text'>Static imports in java 1.5</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Static imports&lt;/span&gt; allow the static items of another class to be referenced without qualification. Used indiscriminately, this will likely make code more difficult to understand, not easier to understand.&lt;br /&gt;&lt;br /&gt;Example&lt;br /&gt;&lt;br /&gt;import java.util.*;&lt;br /&gt;import static java.util.Collections.*;&lt;br /&gt;&lt;br /&gt;public final class StaticImporter {&lt;br /&gt;&lt;br /&gt;  public static void main(String... aArgs){&lt;br /&gt;    List&lt;String&gt; things = new ArrayList&lt;String&gt;();&lt;br /&gt;    things.add("blah");&lt;br /&gt;&lt;br /&gt;    //This looks like a simple call of a method belonging to this class :&lt;br /&gt;    List&lt;String&gt; syncThings = synchronizedList(things);&lt;br /&gt;&lt;br /&gt;    //However, it actually resolves to :&lt;br /&gt;    //List&lt;String&gt; syncThings = Collections.synchronizedList(things);&lt;br /&gt;  }&lt;br /&gt;} &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;An example in which a static import is likely acceptable is a constants class. For example, a scientific or engineering application might make wide use of Math.PI. A static import of java.lang.Math.* would allow a class to replace Math.PI with PI.&lt;br /&gt;&lt;br /&gt;More generally, a business application might define a constants class, and import it statically. This would allow Consts.NEW_LINE to be referenced as NEW_LINE, for example.&lt;br /&gt;&lt;br /&gt;by adding the word static after the import keyword, you change your import to a static one.when an import is static, all the accessible methods and variables of the class can be used without prefixing its access with the class name. For instance, if you static import the java.awt.Color class with import static java.awt.Color.*;, you just have to include RED in your code, instead of Color.RED.A simple version of this feature is as follows&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;import static java.awt.Color.*;&lt;br /&gt;public class ImportTest {&lt;br /&gt; public static void main(String args[]) {&lt;br /&gt;  System.out.println(RED);&lt;br /&gt; }&lt;br /&gt;}&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-1285811715220118468?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/1285811715220118468/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=1285811715220118468' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/1285811715220118468'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/1285811715220118468'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/08/static-imports-in-java-15.html' title='Static imports in java 1.5'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-474214976550005017</id><published>2010-07-31T11:58:00.000-07:00</published><updated>2010-07-31T11:59:23.743-07:00</updated><title type='text'>servlet api source code download</title><content type='html'>&lt;a href="http://tomcat.apache.org/download-60.cgi#6.0.29"&gt;download&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-474214976550005017?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/474214976550005017/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=474214976550005017' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/474214976550005017'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/474214976550005017'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/servlet-api-source-code-download.html' title='servlet api source code download'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-1462942827156168017</id><published>2010-07-31T11:12:00.001-07:00</published><updated>2010-07-31T11:12:45.743-07:00</updated><title type='text'>Thread - simple note</title><content type='html'>&lt;a href="http://www.javabeginner.com/learn-java/java-threads-tutorial"&gt;Thread - a Breaf Note&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-1462942827156168017?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/1462942827156168017/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=1462942827156168017' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/1462942827156168017'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/1462942827156168017'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/thread-simple-note.html' title='Thread - simple note'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-2046144895860391848</id><published>2010-07-31T10:59:00.001-07:00</published><updated>2010-07-31T10:59:52.533-07:00</updated><title type='text'>Threads - Thread Synchronization</title><content type='html'>* every instance of class Object and its subclass's has a lock&lt;br /&gt;    * primitive data type fields (Scalar fields) can only be locked via their enclosing class&lt;br /&gt;    * fields cannot be marked as synchronized however they can be declared volatile which orders the way they can be used or you can write synchronized accessor methods&lt;br /&gt;    * array objects can be synchronized BUT their elements cannot, nor can their elements be declared volatile&lt;br /&gt;    * Class instances are Objects and can be synchronized via static synchronized methods &lt;br /&gt;&lt;br /&gt;Synchronized blocks&lt;br /&gt;&lt;br /&gt;    * allow you to execute synchronized code that locks an object without requiring you to invoke a synchronized method &lt;br /&gt;&lt;br /&gt;    synchronized( expr ) {&lt;br /&gt;        // 'expr' must evaluate to an Object&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;Synchronized methods&lt;br /&gt;&lt;br /&gt;    * declaring a method as synchronized ie synchronized void f() is equivalent to &lt;br /&gt;&lt;br /&gt;    void f() { synchronized(this) {&lt;br /&gt;        // body of method&lt;br /&gt;      } &lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;    * the synchronized keyword is NOT considered part of a method's signature. IT IS NOT AUTOMATICALLY INHERITED when subclasses override superclass methods&lt;br /&gt;    * methods in Interfaces CANNOT be declared synchronized&lt;br /&gt;    * constructors CANNOT be declared synchronized however they can contain synchronized blocks&lt;br /&gt;    * synchronized methods in subclasses use the same locks as their superclasses&lt;br /&gt;    * synchronization of an Inner Class is independent on it's outer class&lt;br /&gt;    * a non-static inner class method can lock it's containing class by using a synchronized block &lt;br /&gt;&lt;br /&gt;    synchronized(OuterClass.this) {&lt;br /&gt;        // body &lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;Locking&lt;br /&gt;&lt;br /&gt;    * locking follows a built-in acquire-release protocol controlled by the synchronized keyword&lt;br /&gt;    * a lock is acquired on entry to a synchronized method or block and released on exit, even if the exit is the result of an exception&lt;br /&gt;    * you cannot forget to release a lock&lt;br /&gt;    * locks operate on a per thread basis, not on a per-invocation basis&lt;br /&gt;    * Java uses re-entrant locks ie a thread cannot lock on itself &lt;br /&gt;&lt;br /&gt;class Reentrant {&lt;br /&gt;&lt;br /&gt;  public synchronized void a() {&lt;br /&gt;      b();&lt;br /&gt;      System.out.println("here I am, in a()");&lt;br /&gt;  }&lt;br /&gt;  public synchronized void b() {&lt;br /&gt;      System.out.println("here I am, in b()");&lt;br /&gt;  }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;    * in the above code, the synchronized method a(), when executed, obtains a lock on it's own object. It then calls synchronized method b() which also needs to acquire a lock on it's own object&lt;br /&gt;    * if Java did not allow a thread to reacquire it's own lock method b() would be unable to proceed until method a() completed and released the lock; and method a() would be unable to complete until method b() completed. Result: deadlock&lt;br /&gt;    * as Java does allow reentrant locks, the code compiles and runs without a problem &lt;br /&gt;&lt;br /&gt;    * the locking protocol is only followed for synchronized methods, it DOES NOT prevent unsynchronized methods from accessing the object&lt;br /&gt;    * once a thread releases a lock, another thread may acquire it BUT there is no guarantee as to WHICH thread will acquire the lock next &lt;br /&gt;&lt;br /&gt;Class fields and methods&lt;br /&gt;&lt;br /&gt;    * locking an object does not automatically protect access to static fields&lt;br /&gt;    * protecting static fields requires a synchronized static block or method&lt;br /&gt;    * static synchronized statements obtain a lock on the Class vs an instance of the class&lt;br /&gt;    * a synchronized instance method can obtain a lock on the class &lt;br /&gt;&lt;br /&gt;    synchronized(ClassName.class) {&lt;br /&gt;        // body &lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;    * the static lock on a class is not related to any other class including it's superclasses&lt;br /&gt;    * a lock on a static method has no effect on any instances of that class (JPL pg 185)&lt;br /&gt;    * you cannot effectively protect static fields in a superclass by adding a new static synchronized method in a subclass; an explicit block synchronization is the preferred way&lt;br /&gt;    * nor should you use synchronized(getClass()); this locks the actual Class which might be different from the class in which the static fields are declared&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-2046144895860391848?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/2046144895860391848/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=2046144895860391848' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/2046144895860391848'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/2046144895860391848'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/threads-thread-synchronization.html' title='Threads - Thread Synchronization'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-4787199960097557140</id><published>2010-07-29T05:06:00.001-07:00</published><updated>2010-07-29T05:06:40.943-07:00</updated><title type='text'>Inner Classes in Java</title><content type='html'>As we all know what an inner class is so lets try to know few more rules about Inner Classes.&lt;br /&gt;&lt;br /&gt;Inner classes cannot have static members. only static final variables.&lt;br /&gt;&lt;br /&gt;Interfaces are never inner.&lt;br /&gt;&lt;br /&gt;Static classes are not inner classes.&lt;br /&gt;&lt;br /&gt;Inner classes may inherit static members that are not compile-time constants even though they may not declare them.&lt;br /&gt;&lt;br /&gt;Nested classes that are not inner classes may declare static members freely, in accordance with the usual rules of the Java programming language. Member interfaces are always implicitly static so they are never considered to be inner classes.A statement or expression occurs in a static context if and only if the innermost method, constructor, instance initializer, static initializer, field initializer, or explicit constructor invocation statement enclosing the statement or expression is a static method, a static initializer, the variable initializer of a static variable, or an explicit constructor invocation statement.&lt;br /&gt;&lt;br /&gt;A blank final field of a lexically enclosing class may not be assigned within an inner class.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;For Example:&lt;br /&gt;&lt;br /&gt;class HasStatic {&lt;br /&gt;static int j = 100;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;class Outer{&lt;br /&gt;&lt;br /&gt;final int z=10;&lt;br /&gt;&lt;br /&gt;class Inner extends HasStatic {&lt;br /&gt;static final int x = 3;&lt;br /&gt;static int y = 4;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;static class Inner2 {&lt;br /&gt;public static int size=130;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;interface InnerInteface {&lt;br /&gt;public static int size=100;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public class InnerClassDemo {&lt;br /&gt;&lt;br /&gt;public static void main(String[] args) {&lt;br /&gt;&lt;br /&gt;Outer outer=new Outer();&lt;br /&gt;System.out.println(outer.new Inner().y);&lt;br /&gt;System.out.println(outer.new Inner().x);&lt;br /&gt;System.out.println(outer.new Inner().j);&lt;br /&gt;&lt;br /&gt;System.out.println(Outer.Inner2.size);&lt;br /&gt;&lt;br /&gt;System.out.println(Outer.InnerInteface.size);&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Hence it gives compilation problems as y cannot be used in inner class "Inner".&lt;br /&gt;&lt;br /&gt;Also note Method parameter names may not be redeclared as local variables of the method, or as exception parameters of catch clauses in a try statement of the method or constructor. However, a parameter of a method or constructor may be shadowed anywhere inside a class declaration nested within that method or constructor. Such a nested class declaration could declare either a local class or an anonymous class.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;For Example:&lt;br /&gt;public class MethodParameterExamples {&lt;br /&gt;&lt;br /&gt;public String s="bt";&lt;br /&gt;&lt;br /&gt;public void m1(String s) {&lt;br /&gt;s=this.s;&lt;br /&gt;s="uk";&lt;br /&gt;&lt;br /&gt;//abstract&lt;br /&gt;class InnerClass extends MethodParameterExamples {&lt;br /&gt;&lt;br /&gt;String s="ros";&lt;br /&gt;&lt;br /&gt;public void m1() {&lt;br /&gt;System.out.println(super.s=this.s);&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;InnerClass innerClass=new InnerClass();&lt;br /&gt;innerClass.s=s;&lt;br /&gt;innerClass.m1();&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public static void main(String[] args) {&lt;br /&gt;&lt;br /&gt;MethodParameterExamples methodParameterExamples=new MethodParameterExamples();&lt;br /&gt;methodParameterExamples.m1("vij");&lt;br /&gt;System.out.println(methodParameterExamples.s);&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Hence Prints the output:&lt;br /&gt;uk&lt;br /&gt;bt&lt;br /&gt;&lt;br /&gt;Now coming to Section Nested Inner Classes:&lt;br /&gt;&lt;br /&gt;Consider the below program.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;class WithDeepNesting {&lt;br /&gt;boolean toBe;&lt;br /&gt;&lt;br /&gt;WithDeepNesting(boolean b) { toBe = b;}&lt;br /&gt;&lt;br /&gt;class Nested {&lt;br /&gt;boolean theQuestion;&lt;br /&gt;&lt;br /&gt;class DeeplyNested {&lt;br /&gt;&lt;br /&gt;DeeplyNested(){&lt;br /&gt;theQuestion = toBe || !toBe;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public static void main(String[] args) {&lt;br /&gt;&lt;br /&gt;WithDeepNesting withDeepNesting=new WithDeepNesting(true);&lt;br /&gt;WithDeepNesting.Nested nested=withDeepNesting.new Nested();&lt;br /&gt;nested.new DeeplyNested();&lt;br /&gt;System.out.println(nested.theQuestion);&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Please note that Inner classes whose declarations do not occur in a static context may freely refer to the instance variables of their enclosing class. An instance variable is always defined with respect to an instance. In the case of instance variables of an enclosing class, the instance variable must be defined with respect to an enclosing instance of that class. So, for example, the class Local above has an enclosing instance of class Outer. As a further example:&lt;br /&gt;&lt;br /&gt;Here, every instance of WithDeepNesting.Nested.DeeplyNested has an enclosing instance of class WithDeepNesting.Nested (its immediately enclosing instance) and an enclosing instance of class WithDeepNesting (its 2nd lexically enclosing instance). Hence it prints: true.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-4787199960097557140?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/4787199960097557140/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=4787199960097557140' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/4787199960097557140'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/4787199960097557140'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/inner-classes-in-java.html' title='Inner Classes in Java'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-9069436738262720194</id><published>2010-07-28T22:37:00.000-07:00</published><updated>2010-07-28T22:37:24.282-07:00</updated><title type='text'>Serialization Interview Questions</title><content type='html'>Q1) What is Serialization?&lt;br /&gt;&lt;br /&gt;Ans) Serializable is a marker interface. When an object has to be transferred over a network ( typically through rmi or EJB) or persist the state of an object to a file, the object Class needs to implement Serializable interface. Implementing this interface will allow the object converted into bytestream and transfer over a network.&lt;br /&gt;&lt;br /&gt;Q2) What is use of serialVersionUID?&lt;br /&gt;&lt;br /&gt;Ans) During object serialization, the default Java serialization mechanism writes the metadata about the object, which includes the class name, field names and types, and superclass. This class definition is stored as a part of the serialized object. This stored metadata enables the deserialization process to reconstitute the objects and map the stream data into the class attributes with the appropriate type&lt;br /&gt;Everytime an object is serialized the java serialization mechanism automatically computes a hash value. ObjectStreamClass's computeSerialVersionUID() method passes the class name, sorted member names, modifiers, and interfaces to the secure hash algorithm (SHA), which returns a hash value.The serialVersionUID is also called suid.&lt;br /&gt;So when the serilaize object is retrieved , the JVM first evaluates the suid of the serialized class and compares the suid value with the one of the object. If the suid values match then the object is said to be compatible with the class and hence it is de-serialized. If not InvalidClassException exception is thrown.&lt;br /&gt;&lt;br /&gt;Changes to a serializable class can be compatible or incompatible. Following is the list of changes which are compatible:&lt;br /&gt;&lt;br /&gt;    * Add fields&lt;br /&gt;    * Change a field from static to non-static&lt;br /&gt;    * Change a field from transient to non-transient&lt;br /&gt;    * Add classes to the object tree &lt;br /&gt;&lt;br /&gt;List of incompatible changes:&lt;br /&gt;&lt;br /&gt;    * Delete fields&lt;br /&gt;    * Change class hierarchy&lt;br /&gt;    * Change non-static to static&lt;br /&gt;    * Change non-transient to transient&lt;br /&gt;    * Change type of a primitive field &lt;br /&gt;&lt;br /&gt;So, if no suid is present , inspite of making compatible changes, jvm generates new suid thus resulting in an exception if prior release version object is used .&lt;br /&gt;The only way to get rid of the exception is to recompile and deploy the application again.&lt;br /&gt;&lt;br /&gt;If we explicitly metion the suid using the statement:&lt;br /&gt;&lt;br /&gt;private final static long serialVersionUID = &lt;integer value&gt;&lt;br /&gt;&lt;br /&gt;then if any of the metioned compatible changes are made the class need not to be recompiled. But for incompatible changes there is no other way than to compile again.&lt;br /&gt;&lt;br /&gt;Q3) What is the need of Serialization?&lt;br /&gt;&lt;br /&gt;Ans) The serialization is used :-&lt;br /&gt;&lt;br /&gt;    * To send state of one or more object’s state over the network through a socket.&lt;br /&gt;    * To save the state of an object in a file.&lt;br /&gt;    * An object’s state needs to be manipulated as a stream of bytes.&lt;br /&gt;&lt;br /&gt;Q4) Other than Serialization what are the different approach to make object Serializable?&lt;br /&gt;&lt;br /&gt;Ans) Besides the Serializable interface, at least three alternate approaches can serialize Java objects:&lt;br /&gt;&lt;br /&gt;1)For object serialization, instead of implementing the Serializable interface, a developer can implement the Externalizable interface, which extends Serializable. By implementing Externalizable, a developer is responsible for implementing the writeExternal() and readExternal() methods. As a result, a developer has sole control over reading and writing the serialized objects.&lt;br /&gt;2)XML serialization is an often-used approach for data interchange. This approach lags runtime performance when compared with Java serialization, both in terms of the size of the object and the processing time. With a speedier XML parser, the performance gap with respect to the processing time narrows. Nonetheless, XML serialization provides a more malleable solution when faced with changes in the serializable object.&lt;br /&gt;3)Finally, consider a "roll-your-own" serialization approach. You can write an object's content directly via either the ObjectOutputStream or the DataOutputStream. While this approach is more involved in its initial implementation, it offers the greatest flexibility and extensibility. In addition, this approach provides a performance advantage over Java serialization.&lt;br /&gt;&lt;br /&gt;Q5) Do we need to implement any method of Serializable interface to make an object serializable?&lt;br /&gt;&lt;br /&gt;Ans) No. Serializable is a Marker Interface. It does not have any methods.&lt;br /&gt;&lt;br /&gt;Q6) What happens if the object to be serialized includes the references to other serializable objects?&lt;br /&gt;&lt;br /&gt;Ans) If the object to be serialized includes the references to other objects whose class implements serializable then all those object’s state also will be saved as the part of the serialized state of the object in question. The whole object graph of the object to be serialized will be saved during serialization automatically provided all the objects included in the object’s graph are serializable.&lt;br /&gt;&lt;br /&gt;Q7) What happens if an object is serializable but it includes a reference to a non-serializable object?&lt;br /&gt;&lt;br /&gt;Ans- If you try to serialize an object of a class which implements serializable, but the object includes a reference to an non-serializable class then a ‘NotSerializableException’ will be thrown at runtime.&lt;br /&gt;&lt;br /&gt;e.g.&lt;br /&gt;&lt;br /&gt;public class NonSerial {&lt;br /&gt;    //This is a non-serializable class&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public class MyClass implements Serializable{&lt;br /&gt;    private static final long serialVersionUID = 1L;&lt;br /&gt;    private NonSerial nonSerial;&lt;br /&gt;    MyClass(NonSerial nonSerial){&lt;br /&gt;        this.nonSerial = nonSerial;&lt;br /&gt;    }&lt;br /&gt;    public static void main(String [] args) {&lt;br /&gt;        NonSerial nonSer = new NonSerial();&lt;br /&gt;        MyClass c = new MyClass(nonSer);&lt;br /&gt;        try {&lt;br /&gt;        FileOutputStream fs = new FileOutputStream("test1.ser");&lt;br /&gt;        ObjectOutputStream os = new ObjectOutputStream(fs);&lt;br /&gt;        os.writeObject(c);&lt;br /&gt;        os.close();&lt;br /&gt;        } catch (Exception e) { e.printStackTrace(); }&lt;br /&gt;        try {&lt;br /&gt;        FileInputStream fis = new FileInputStream("test1.ser");&lt;br /&gt;        ObjectInputStream ois = new ObjectInputStream(fis);&lt;br /&gt;        c = (MyClass) ois.readObject();&lt;br /&gt;        ois.close();&lt;br /&gt;            } catch (Exception e) {&lt;br /&gt;            e.printStackTrace();&lt;br /&gt;          }&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;On execution of above code following exception will be thrown  –&lt;br /&gt;java.io.NotSerializableException: NonSerial&lt;br /&gt;            at java.io.ObjectOutputStream.writeObject0(ObjectOutputStream.java)&lt;br /&gt;&lt;br /&gt;Q8) Are the static variables saved as the part of serialization?&lt;br /&gt;&lt;br /&gt;Ans) No. The static variables belong to the class and not to an object they are not the part of the state of the object so they are not saved as the part of serialized object.&lt;br /&gt;&lt;br /&gt;Q9) What is a transient variable?&lt;br /&gt;&lt;br /&gt;Ans) These variables are not included in the process of serialization and are not the part of the object’s serialized state.&lt;br /&gt;&lt;br /&gt;Q10) What will be the value of transient variable after de-serialization?&lt;br /&gt;&lt;br /&gt;Ans) It’s default value.&lt;br /&gt;e.g. if the transient variable in question is an int, it’s value after deserialization will be zero.&lt;br /&gt;&lt;br /&gt;public class TestTransientVal implements Serializable{&lt;br /&gt;   &lt;br /&gt;    private static final long serialVersionUID = -22L;&lt;br /&gt;    private String name;&lt;br /&gt;    transient private int age;&lt;br /&gt;    TestTransientVal(int age, String name) {&lt;br /&gt;        this.age = age;&lt;br /&gt;        this.name = name;&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;    public static void main(String [] args) {&lt;br /&gt;        TestTransientVal c = new TestTransientVal(1,"ONE");&lt;br /&gt;        System.out.println("Before serialization: - " + c.name + " "+ c.age);&lt;br /&gt;        try {&lt;br /&gt;        FileOutputStream fs = new FileOutputStream("testTransients.ser");&lt;br /&gt;        ObjectOutputStream os = new ObjectOutputStream(fs);&lt;br /&gt;        os.writeObject(c);&lt;br /&gt;        os.close();&lt;br /&gt;        } catch (Exception e) { e.printStackTrace(); }&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;        try {&lt;br /&gt;        FileInputStream fis = new FileInputStream("testTransients.ser");&lt;br /&gt;        ObjectInputStream ois = new ObjectInputStream(fis);&lt;br /&gt;        c = (TestTransientVal) ois.readObject();&lt;br /&gt;        ois.close();&lt;br /&gt;        } catch (Exception e) { e.printStackTrace(); }&lt;br /&gt;        System.out.println("After de-serialization:- " + c.name + " "+ c.age);&lt;br /&gt;        }&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Result of executing above piece of code –&lt;br /&gt;Before serialization: - Value of non-transient variable ONE Value of transient variable 1&lt;br /&gt;After de-serialization:- Value of non-transient variable ONE Value of transient variable 0&lt;br /&gt;&lt;br /&gt;Explanation –&lt;br /&gt;The transient variable is not saved as the part of the state of the serailized variable, it’s value after de-serialization is it’s default value.&lt;br /&gt;&lt;br /&gt;Q11) Does the order in which the value of the transient variables and the state of the object using the defaultWriteObject() method are saved during serialization matter?&lt;br /&gt;&lt;br /&gt;Ans) Yes.  As while restoring the object’s state the transient variables and the serializable variables that are stored must be restored in the same order in which they were saved.&lt;br /&gt;&lt;br /&gt;Q12) How can one customize the Serialization process? or What is the purpose of implementing the writeObject() and readObject() method?&lt;br /&gt;&lt;br /&gt;Ans) When you want to store the transient variables state as a part of the serialized object at the time of serialization the class must implement the following methods –&lt;br /&gt;private void wrtiteObject(ObjectOutputStream outStream)&lt;br /&gt;{&lt;br /&gt;//code to save the transient variables state as a part of serialized object&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;private void readObject(ObjectInputStream inStream)&lt;br /&gt;{&lt;br /&gt;//code to read the transient variables state and assign it to the de-serialized object&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;e.g.&lt;br /&gt;&lt;br /&gt;public class TestCustomizedSerialization implements Serializable{&lt;br /&gt;&lt;br /&gt;    private static final long serialVersionUID =-22L;&lt;br /&gt;    private String noOfSerVar;&lt;br /&gt;    transient private int noOfTranVar;&lt;br /&gt;&lt;br /&gt;    TestCustomizedSerialization(int noOfTranVar, String noOfSerVar) {&lt;br /&gt;        this.noOfTranVar = noOfTranVar;&lt;br /&gt;        this.noOfSerVar = noOfSerVar;&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;    private void writeObject(ObjectOutputStream os) {&lt;br /&gt;&lt;br /&gt;     try {&lt;br /&gt;     os.defaultWriteObject();&lt;br /&gt;     os.writeInt(noOfTranVar);&lt;br /&gt;     } catch (Exception e) { e.printStackTrace(); }&lt;br /&gt;     }&lt;br /&gt;&lt;br /&gt;     private void readObject(ObjectInputStream is) {&lt;br /&gt;     try {&lt;br /&gt;     is.defaultReadObject();&lt;br /&gt;     int noOfTransients = (is.readInt());&lt;br /&gt;     } catch (Exception e) {&lt;br /&gt;         e.printStackTrace(); }&lt;br /&gt;     }&lt;br /&gt;&lt;br /&gt;     public int getNoOfTranVar() {&lt;br /&gt;        return noOfTranVar;&lt;br /&gt;    }&lt;br /&gt;   &lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;The value of transient variable ‘noOfTranVar’ is saved as part of the serialized object manually by implementing writeObject() and restored by implementing readObject().&lt;br /&gt;The normal serializable variables are saved and restored by calling defaultWriteObject() and defaultReadObject()respectively. These methods perform the normal serialization and de-sirialization process for the object to be saved or restored respectively.&lt;br /&gt;&lt;br /&gt;Q13) If a class is serializable but its superclass in not , what will be the state of the instance variables inherited  from super class after deserialization?&lt;br /&gt;&lt;br /&gt;Ans) The values of the instance variables inherited from superclass will be reset to the values they were given during the original construction of the object as the non-serializable super-class constructor will run.&lt;br /&gt;E.g.&lt;br /&gt;&lt;br /&gt;public class ParentNonSerializable {&lt;br /&gt;    int noOfWheels;&lt;br /&gt;   &lt;br /&gt;    ParentNonSerializable(){&lt;br /&gt;        this.noOfWheels = 4;&lt;br /&gt;    }&lt;br /&gt;   &lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public class ChildSerializable extends ParentNonSerializable implements Serializable {&lt;br /&gt;   &lt;br /&gt;    private static final long serialVersionUID = 1L;&lt;br /&gt;    String color;&lt;br /&gt;&lt;br /&gt;    ChildSerializable() {&lt;br /&gt;        this.noOfWheels = 8;&lt;br /&gt;        this.color = "blue";&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public class SubSerialSuperNotSerial {&lt;br /&gt;&lt;br /&gt;    public static void main(String [] args) {&lt;br /&gt;&lt;br /&gt;        ChildSerializable c = new ChildSerializable();&lt;br /&gt;        System.out.println("Before : - " + c.noOfWheels + " "+ c.color);&lt;br /&gt;        try {&lt;br /&gt;        FileOutputStream fs = new FileOutputStream("superNotSerail.ser");&lt;br /&gt;        ObjectOutputStream os = new ObjectOutputStream(fs);&lt;br /&gt;        os.writeObject(c);&lt;br /&gt;        os.close();&lt;br /&gt;        } catch (Exception e) { e.printStackTrace(); }&lt;br /&gt;&lt;br /&gt;        try {&lt;br /&gt;        FileInputStream fis = new FileInputStream("superNotSerail.ser");&lt;br /&gt;        ObjectInputStream ois = new ObjectInputStream(fis);&lt;br /&gt;        c = (ChildSerializable) ois.readObject();&lt;br /&gt;        ois.close();&lt;br /&gt;        } catch (Exception e) { e.printStackTrace(); }&lt;br /&gt;        System.out.println("After :- " + c.noOfWheels + " "+ c.color);&lt;br /&gt;        }&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Result on executing above code –&lt;br /&gt;Before : - 8 blue&lt;br /&gt;After :- 4 blue&lt;br /&gt;&lt;br /&gt;The instance variable ‘noOfWheels’ is inherited from superclass which is not serializable. Therefore while restoring it the non-serializable superclass constructor runs and its value is set to 8 and is not same as the value saved during serialization which is 4.&lt;br /&gt;&lt;br /&gt;Q14) To serialize an array or a collection all the members of it must be serializable. True /False?&lt;br /&gt;&lt;br /&gt;Ans) true.&lt;br /&gt;-------------------------------------------------------&lt;br /&gt;How many methods in the Serializable interface? Which methods of Serializable interface should I implement?&lt;br /&gt;&lt;br /&gt;There is no method in the Serializable interface. It’s an empty interface which does not contain any methods. The Serializable interface acts as a marker, telling the object serialization tools that the class is serializable. So we do not implement any methods.&lt;br /&gt;&lt;br /&gt;What is the difference between Serializalble and Externalizable interface? How can you control over the serialization process i.e. how can you customize the seralization process?&lt;br /&gt;&lt;br /&gt;When you use Serializable interface, your class is serialized automatically by default. But you can override writeObject() and readObject() two methods to control more complex object serailization process. When you use Externalizable interface, you have a complete control over your class's serialization process. This interface contains two methods namely readExternal and writeExternal. You should implement these methods and write the logic for customizing the serialization process.&lt;br /&gt;&lt;br /&gt;How to make a class or a bean serializable? How do I serialize an object to a file?&lt;br /&gt;&lt;br /&gt;Or&lt;br /&gt;&lt;br /&gt;What interface must an object implement before it can be written to a stream as an object?&lt;br /&gt;&lt;br /&gt;An object must implement the Serializable or Externalizable interface before it can be written to a stream as an object. The class whose instances are to be serialized should implement an interface Serializable. Then you pass the instance to the ObjectOutputStream which is connected to a fileoutputstream. This will save the object to a file.&lt;br /&gt;&lt;br /&gt;What happens to the object references included in the object?&lt;br /&gt;&lt;br /&gt;The serialization mechanism generates an object graph for serialization. Thus it determines whether the included object references are serializable or not. This is a recursive process. Thus when an object is serialized, all the included objects are also serialized alongwith the original object.&lt;br /&gt;&lt;br /&gt;What is serialization?&lt;br /&gt;&lt;br /&gt;The serialization is a kind of mechanism that makes a class or a bean persistent by having its properties or fields and state information saved and restored to and from storage. That is, it is a mechanism with which you can save the state of an object by converting it to a byte stream.&lt;br /&gt;&lt;br /&gt;Common Usage of serialization.&lt;br /&gt;&lt;br /&gt;Whenever an object is to be sent over the network or saved in a file, objects are serialized.&lt;br /&gt;&lt;br /&gt;What happens to the static fields of a class during serialization?&lt;br /&gt;&lt;br /&gt;There are three exceptions in which serialization doesn’t necessarily read and write to the stream. These are&lt;br /&gt;1. Serialization ignores static fields, because they are not part of any particular state.&lt;br /&gt;2. Base class fields are only handled if the base class itself is serializable.&lt;br /&gt;3. Transient fields.&lt;br /&gt;&lt;br /&gt;What one should take care of while serializing the object?&lt;br /&gt;&lt;br /&gt;One should make sure that all the included objects are also serializable. If any of the objects is not serializable then it throws a NotSerializableException.&lt;br /&gt;&lt;br /&gt;What is a transient variable?&lt;br /&gt;&lt;br /&gt;Or&lt;br /&gt;&lt;br /&gt;Explain the usage of the keyword transient?&lt;br /&gt;&lt;br /&gt;Or&lt;br /&gt;&lt;br /&gt;What are Transient and Volatile Modifiers&lt;br /&gt;&lt;br /&gt;A transient variable is a variable that may not be serialized i.e. the value of the variable can’t be written to the stream in a Serializable class. If you don't want some field to be serialized, you can mark that field transient or static. In such a case when the class is retrieved from the ObjectStream the value of the variable is null.&lt;br /&gt;&lt;br /&gt;Volatile modifier applies to variables only and it tells the compiler that the variable modified by volatile can be changed unexpectedly by other parts of the program.&lt;br /&gt;&lt;br /&gt;What is Serialization and deserialization?&lt;br /&gt;&lt;br /&gt;Serialization is the process of writing the state of an object to a byte stream. Deserialization is the process of restoring these objects.&lt;br /&gt;&lt;br /&gt;What is Externalizable?&lt;br /&gt;&lt;br /&gt;Externalizable is an interface which contains two methods readExternal and writeExternal. These methods give you a control over the serialization mechanism. Thus if your class implements this interface, you can customize the serialization process by implementing these methods.&lt;br /&gt;&lt;br /&gt; &lt;br /&gt;&lt;br /&gt;If you think that an important java interview question is missing or some answers are wrong in the site please contribute it to sriniappl@gmail.com&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-9069436738262720194?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/9069436738262720194/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=9069436738262720194' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/9069436738262720194'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/9069436738262720194'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/serialization-interview-questions.html' title='Serialization Interview Questions'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-2858263386545800089</id><published>2010-07-21T22:42:00.001-07:00</published><updated>2010-07-21T22:42:56.953-07:00</updated><title type='text'>Debugging with Eclipse - artical</title><content type='html'>http://www.vogella.de/articles/EclipseDebugging/article.html&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-2858263386545800089?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/2858263386545800089/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=2858263386545800089' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/2858263386545800089'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/2858263386545800089'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/debugging-with-eclipse-artical.html' title='Debugging with Eclipse - artical'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-5136294213252865261</id><published>2010-07-20T13:02:00.000-07:00</published><updated>2010-07-20T13:02:14.317-07:00</updated><title type='text'>The basics: override hashCode() and equals()</title><content type='html'>If you want to override equals method in your class, you should also override hashCode method as well. There are a lot of ways the two methods can be implemented incorrectly.&lt;br /&gt;&lt;br /&gt;I found the easiest way is to use the wizard in Eclipse, just running Source | Generate hashCode() and equals()... either from menu or context menu. For example, this is what Eclipse generated for a simple class Scrap with a instance variable number:&lt;br /&gt;&lt;br /&gt;Correct Implementation Example&lt;br /&gt;&lt;br /&gt;The following code exemplifies how all the requirements of equals and hashCode methods should be fulfilled so that the class behaves correctly and consistently with other Java classes. This class implements the equals method in such a way that it only provides equality comparison for the objects of the same class, similar to built-in Java classes like String and other wrapper classes.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;package com;&lt;br /&gt;&lt;br /&gt;class Test {&lt;br /&gt;  private int x;&lt;br /&gt;  private String y;&lt;br /&gt; public Test(int x, String y) {&lt;br /&gt;  &lt;br /&gt;  this.x = x;&lt;br /&gt;  this.y = y;&lt;br /&gt; }&lt;br /&gt; @Override&lt;br /&gt; public int hashCode() {&lt;br /&gt;  final int prime = 31;&lt;br /&gt;  int result = 1;&lt;br /&gt;  result = prime * result + x;&lt;br /&gt;  result = prime * result + ((y == null) ? 0 : y.hashCode());&lt;br /&gt;  return result;&lt;br /&gt; }&lt;br /&gt; @Override&lt;br /&gt; public boolean equals(Object obj) {&lt;br /&gt;  if (this == obj) {&lt;br /&gt;   return true;&lt;br /&gt;  }&lt;br /&gt;  if (obj == null) {&lt;br /&gt;   return false;&lt;br /&gt;  }&lt;br /&gt;  if (!(obj instanceof Test)) {&lt;br /&gt;   return false;&lt;br /&gt;  }&lt;br /&gt;  Test other = (Test) obj;&lt;br /&gt;  if (x != other.x) {&lt;br /&gt;   return false;&lt;br /&gt;  }&lt;br /&gt;  if (y == null) {&lt;br /&gt;   if (other.y != null) {&lt;br /&gt;    return false;&lt;br /&gt;   }&lt;br /&gt;  } else if (!y.equals(other.y)) {&lt;br /&gt;   return false;&lt;br /&gt;  }&lt;br /&gt;  return true;&lt;br /&gt; }&lt;br /&gt;  &lt;br /&gt;  &lt;br /&gt;  &lt;br /&gt; }&lt;br /&gt;&lt;br /&gt;public class HashCodeAndEquals {&lt;br /&gt;&lt;br /&gt; /**&lt;br /&gt;  * @param args&lt;br /&gt;  */&lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;  &lt;br /&gt;&lt;br /&gt;  Test t = new Test(10,"rama");&lt;br /&gt;  Test t1 = new Test(10,"rama");&lt;br /&gt;  System.out.println(t==t1);&lt;br /&gt;  System.out.println(t.hashCode()==t1.hashCode());&lt;br /&gt;  System.out.println(t.equals(t1));&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;-------------------------------------------------------------&lt;br /&gt;The theory (for the language lawyers and the mathematically inclined):&lt;br /&gt;&lt;br /&gt;equals() (javadoc) must define an equality relation (it must be reflexive, symmetric, and transitive). In addition, it must be consistent (if the objects are not modified, then it must keep returning the same value). Furthermore, o.equals(null) must always return false.&lt;br /&gt;&lt;br /&gt;hashCode() (javadoc) must also be consistent (if the object is not modified in terms of equals(), it must keep returning the same value).&lt;br /&gt;&lt;br /&gt;The relation between the two methods is:&lt;br /&gt;&lt;br /&gt;Whenever a.equals(b), then a.hashCode() must be same as b.hashCode().&lt;br /&gt;In practice:&lt;br /&gt;&lt;br /&gt;If you override one, then you should override the other.&lt;br /&gt;&lt;br /&gt;Use the same set of fields that you use to compute equals() to compute hashCode().&lt;br /&gt;&lt;br /&gt;Use the excellent helper classes EqualsBuilder and HashCodeBuilder from the Apache Commons Lang library. An example:&lt;br /&gt;&lt;br /&gt;public class Person {&lt;br /&gt;    private String name;&lt;br /&gt;    private int age;&lt;br /&gt;    // ...&lt;br /&gt;&lt;br /&gt;    public int hashCode() {&lt;br /&gt;        return new HashCodeBuilder(17, 31). // two randomly chosen prime numbers&lt;br /&gt;            // if deriving: appendSuper(super.hashCode()).&lt;br /&gt;            append(name).&lt;br /&gt;            append(age).&lt;br /&gt;            toHashCode();&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;    public boolean equals(Object obj) {&lt;br /&gt;        if (obj == null)&lt;br /&gt;            return false;&lt;br /&gt;        if (obj == this)&lt;br /&gt;            return true;&lt;br /&gt;        if (obj.getClass() != getClass())&lt;br /&gt;            return false;&lt;br /&gt;&lt;br /&gt;        Person rhs = (Person) obj;&lt;br /&gt;        return new EqualsBuilder().&lt;br /&gt;            // if deriving: appendSuper(super.equals(obj)).&lt;br /&gt;            append(name, rhs.name).&lt;br /&gt;            append(age, rhs.age).&lt;br /&gt;            isEquals();&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Also remember:&lt;br /&gt;&lt;br /&gt;When using a hash-based Collection or Map such as HashSet, LinkedHashSet, HashMap, Hashtable, or WeakHashMap, make sure that the hashCode() of the key objects that you put into the collection never changes while the object is in the collection. The bulletproof way to ensure this is to make your keys immutable, which has also other benefits&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-5136294213252865261?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/5136294213252865261/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=5136294213252865261' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/5136294213252865261'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/5136294213252865261'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/basics-override-hashcode-and-equals.html' title='The basics: override hashCode() and equals()'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-7841612823764506148</id><published>2010-07-20T02:44:00.001-07:00</published><updated>2010-07-20T02:44:18.655-07:00</updated><title type='text'>Struts Spring Plugin</title><content type='html'>* Overview&lt;br /&gt;    * Features&lt;br /&gt;    * What's New&lt;br /&gt;          o Discontinued - April 12, 2004&lt;br /&gt;          o 0.1 - October 17, 2003&lt;br /&gt;    * Requirements&lt;br /&gt;    * Usage&lt;br /&gt;    * Contact&lt;br /&gt;&lt;br /&gt;Overview&lt;br /&gt;&lt;br /&gt;This project was originally created to integrate the Spring Framework's Inversion of Control (IoC) into Struts 1.1+. As of Spring's 1.0.1 release, the ContextLoaderPlugin was added to Spring that has this same functionality. Therefore, this project's plugin is no longer recommended for use. We continue to maintain this site for documentation and an example app.&lt;br /&gt;&lt;br /&gt;The integration uses Spring to create and populate Struts actions, using IoC to resolve dependencies. It does NOT use a custom request processor and therefore can be more easily used with existing web applications and/or other Struts extensions.&lt;br /&gt;&lt;br /&gt;To demonstrate the project, we modified the struts-example webapp that is distributed with Struts 1.1 to use Spring to resolve all UserDatabase dependencies automatically. Comments and suggestions are appreciated.&lt;br /&gt;Features&lt;br /&gt;&lt;br /&gt;    * Intuitive Inversion of Control (IoC)&lt;br /&gt;    * Requires little or no direct references to Spring in the Struts webapp&lt;br /&gt;    * Can be used with other Struts extensions that use a custom RequestProcessor&lt;br /&gt;    * Can create new Actions for every request (aleviating need for thread-safe Actions)&lt;br /&gt;    * Includes modified Struts example&lt;br /&gt;&lt;br /&gt;What's New&lt;br /&gt;Discontinued - April 12, 2004&lt;br /&gt;&lt;br /&gt;    * This plugin is now part of Spring (as of 1.0.1). You can read more about Spring's Struts support on Matt Raible's Spring Live blog.&lt;br /&gt;&lt;br /&gt;0.1 - October 17, 2003&lt;br /&gt;&lt;br /&gt;    * Initial release&lt;br /&gt;&lt;br /&gt;Requirements&lt;br /&gt;&lt;br /&gt;This plugin requires Struts 1.1 or greater.&lt;br /&gt;Usage&lt;br /&gt;&lt;br /&gt;To use the Struts Spring plugin, add the ContextLoaderPlugIn to your Struts config file (usually struts-config.xml):&lt;br /&gt;&lt;br /&gt;    &lt;plug-in className="org.springframework.web.struts.ContextLoaderPlugIn"&gt;&lt;br /&gt;        &lt;set-property property="contextConfigLocation"             value="/WEB-INF/applicationContext.xml"/&gt;&lt;br /&gt;    &lt;/plug-in&gt;&lt;br /&gt;&lt;br /&gt;The "contextConfigLocation" property is the location of the Spring beans configuration file.&lt;br /&gt;&lt;br /&gt;For each action that uses Spring, you need to define the action mapping to use org.springframework.web.struts.DelegatingActionProxy and declare a matching (action "path" == bean "name") Spring bean for the actual Struts action. This is an example of an action that requires an instance of UserDatabase:&lt;br /&gt;&lt;br /&gt;    &lt;action path="/logon"               type="org.springframework.web.struts.DelegatingActionProxy"&gt;&lt;br /&gt;      &lt;forward name="success"              path="/logon.jsp"/&gt;&lt;br /&gt;    &lt;/action&gt;&lt;br /&gt;&lt;br /&gt;The corresponding Spring bean configuration:&lt;br /&gt;&lt;br /&gt;    &lt;bean id="userDatabase" class="org.apache.struts.webapp.example.memory.MemoryUserDatabase" destroy-method="close" /&gt;&lt;br /&gt;    &lt;br /&gt;    &lt;bean name="/logon" class="org.apache.struts.webapp.example.LogonAction"&gt;&lt;br /&gt;      &lt;property name="userDatabase"&gt;&lt;ref bean="userDatabase" /&gt;&lt;/property&gt;&lt;br /&gt;    &lt;/bean&gt;&lt;br /&gt;&lt;br /&gt;For more information on the Spring configuration file format, see the Spring beans DTD.&lt;br /&gt;&lt;br /&gt;The Struts action org.apache.struts.webapp.example.LogonAction will automatically receive a reference to UserDatabase without any work on its part or references to Spring by adding a standard JavaBean setter:&lt;br /&gt;&lt;br /&gt;    private UserDatabase database = null;    &lt;br /&gt;&lt;br /&gt;    public void setUserDatabase(UserDatabase database) {&lt;br /&gt;        this.database = database;&lt;br /&gt;    }&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-7841612823764506148?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/7841612823764506148/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=7841612823764506148' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/7841612823764506148'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/7841612823764506148'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/struts-spring-plugin.html' title='Struts Spring Plugin'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-983052119071065927</id><published>2010-07-20T00:42:00.000-07:00</published><updated>2010-07-20T00:47:30.219-07:00</updated><title type='text'>hashCode() and equals()</title><content type='html'>&lt;b&gt;with out overriding of hashCode() method.&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;package com;&lt;br /&gt;&lt;br /&gt;class Test{&lt;br /&gt;String r;&lt;br /&gt;Test(String r){&lt;br /&gt;this.r =r;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public class TestHashCodeAndEquals {&lt;br /&gt;&lt;br /&gt;private int no;&lt;br /&gt;private String name;&lt;br /&gt;public void setName(String name) {&lt;br /&gt;this.name = name;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public String getName() {&lt;br /&gt;return name;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public void setNo(int no) {&lt;br /&gt;this.no = no;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public int getNo() {&lt;br /&gt;return no;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public TestHashCodeAndEquals(int no,String name) {&lt;br /&gt;this.setNo(no);&lt;br /&gt;this.setName(name);&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;/*@Override&lt;br /&gt;public int hashCode() {&lt;br /&gt;&lt;br /&gt;return 11;&lt;br /&gt;}*/&lt;br /&gt;&lt;br /&gt;public static void main(String[] args) {&lt;br /&gt;&lt;br /&gt;TestHashCodeAndEquals o1 = new TestHashCodeAndEquals(1,"rama");&lt;br /&gt;System.out.println(o1.hashCode());&lt;br /&gt;TestHashCodeAndEquals o2 = new TestHashCodeAndEquals(1,"rama");&lt;br /&gt;System.out.println(o2.hashCode());&lt;br /&gt;System.out.println(o1.equals(o2));&lt;br /&gt;System.out.println((o1==o2)+" wew");&lt;br /&gt;&lt;br /&gt;String s1 = "rama";&lt;br /&gt;String s2 = "rama";&lt;br /&gt;System.out.println(s1==s2);&lt;br /&gt;System.out.println(s1.hashCode());&lt;br /&gt;System.out.println(s2.hashCode());&lt;br /&gt;String s11 = new String("rama");&lt;br /&gt;String s21 = new String("rama");&lt;br /&gt;System.out.println(s11==s21);&lt;br /&gt;System.out.println(s11.equals(s21));&lt;br /&gt;System.out.println(s11.hashCode());&lt;br /&gt;System.out.println(s21.hashCode());&lt;br /&gt;Integer i1 = new Integer(10);&lt;br /&gt;Integer i2 = new Integer(1234);&lt;br /&gt;System.out.println(i1==i2);&lt;br /&gt;System.out.println(i1.equals(i2));&lt;br /&gt;System.out.println(i1.hashCode());&lt;br /&gt;System.out.println(i2.hashCode());&lt;br /&gt;Test t1 = new Test("rama");&lt;br /&gt;Test t2 = new Test("rama");&lt;br /&gt;System.out.println(t1.equals(t2));&lt;br /&gt;System.out.println(t1.hashCode());&lt;br /&gt;System.out.println(t2.hashCode());&lt;br /&gt;&lt;br /&gt;Thread t = new Thread();&lt;br /&gt;Thread t11 = new Thread(t);&lt;br /&gt;System.out.println(t.hashCode()+" "+t11.hashCode());&lt;br /&gt;&lt;br /&gt;// other than System defined wapper classes, we will not get the hashcode equal if and only if we override the hashCode() method in our class.&lt;br /&gt;&lt;br /&gt;// even though we override the hashCode() ,override the hashCode() in our class,we can have same hashcode for all instance ,still, equals() will return false&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;out put&lt;br /&gt;.......&lt;br /&gt;-1-&lt;br /&gt;4072869&lt;br /&gt;1671711&lt;br /&gt;false&lt;br /&gt;false wew&lt;br /&gt;-2-&lt;br /&gt;true&lt;br /&gt;3492867&lt;br /&gt;3492867&lt;br /&gt;-3-&lt;br /&gt;false&lt;br /&gt;true&lt;br /&gt;3492867&lt;br /&gt;3492867&lt;br /&gt;-4-&lt;br /&gt;false&lt;br /&gt;false&lt;br /&gt;10&lt;br /&gt;1234&lt;br /&gt;-5-&lt;br /&gt;false&lt;br /&gt;4384790&lt;br /&gt;9634993&lt;br /&gt;-6-&lt;br /&gt;1641745 11077203&lt;br /&gt;&lt;br /&gt;------------------------------------------------------------------&lt;br /&gt;&lt;b&gt;with overriding of hashCode() method.&lt;/b&gt;&lt;br /&gt;package com;&lt;br /&gt;&lt;br /&gt;class Test{&lt;br /&gt; String r;&lt;br /&gt; Test(String r){&lt;br /&gt;  this.r =r;&lt;br /&gt; }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public class TestHashCodeAndEquals {&lt;br /&gt;&lt;br /&gt;   private int no;&lt;br /&gt; private String name;&lt;br /&gt; public void setName(String name) {&lt;br /&gt;  this.name = name;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public String getName() {&lt;br /&gt;  return name;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public void setNo(int no) {&lt;br /&gt;  this.no = no;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public int getNo() {&lt;br /&gt;  return no;&lt;br /&gt; }&lt;br /&gt; &lt;br /&gt;public TestHashCodeAndEquals(int no,String name) {&lt;br /&gt; this.setNo(no);&lt;br /&gt; this.setName(name);&lt;br /&gt; &lt;br /&gt;}&lt;br /&gt; &lt;br /&gt;@Override&lt;br /&gt;public int hashCode() {&lt;br /&gt; &lt;br /&gt; return 11;&lt;br /&gt;}&lt;br /&gt; &lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;  &lt;br /&gt;  System.out.println("-1-");&lt;br /&gt;  TestHashCodeAndEquals o1 = new TestHashCodeAndEquals(1,"rama");&lt;br /&gt;  System.out.println(o1.hashCode());&lt;br /&gt;  TestHashCodeAndEquals o2 = new TestHashCodeAndEquals(1,"rama");&lt;br /&gt;  System.out.println(o2.hashCode());&lt;br /&gt;  System.out.println(o1.equals(o2));&lt;br /&gt;  System.out.println((o1==o2)+" wew");&lt;br /&gt;  &lt;br /&gt;  String s1 = "rama";&lt;br /&gt;  String s2 = "rama";&lt;br /&gt;  System.out.println("-2-");&lt;br /&gt;  System.out.println(s1==s2);&lt;br /&gt;  System.out.println(s1.hashCode());&lt;br /&gt;  System.out.println(s2.hashCode());&lt;br /&gt;  System.out.println("-3-");&lt;br /&gt;  String s11 = new String("rama");&lt;br /&gt;  String s21 = new String("rama");&lt;br /&gt;  System.out.println(s11==s21);&lt;br /&gt;  System.out.println(s11.equals(s21));&lt;br /&gt;  System.out.println(s11.hashCode());&lt;br /&gt;  System.out.println(s21.hashCode());&lt;br /&gt;  System.out.println("-4-");&lt;br /&gt;  Integer i1 = new Integer(10);&lt;br /&gt;  Integer i2 = new Integer(1234);&lt;br /&gt;  System.out.println(i1==i2);&lt;br /&gt;  System.out.println(i1.equals(i2));&lt;br /&gt;  System.out.println(i1.hashCode());&lt;br /&gt;  System.out.println(i2.hashCode());&lt;br /&gt;  System.out.println("-5-");&lt;br /&gt;  Test t1 = new Test("rama");&lt;br /&gt;  Test t2 = new Test("rama");&lt;br /&gt;  System.out.println(t1.equals(t2));&lt;br /&gt;  System.out.println(t1.hashCode());&lt;br /&gt;  System.out.println(t2.hashCode());&lt;br /&gt;  System.out.println("-6-");&lt;br /&gt;  Thread t22 = new Thread();&lt;br /&gt;  Thread t11 = new Thread(t22);&lt;br /&gt;  System.out.println(t22.hashCode()+" "+t11.hashCode());&lt;br /&gt;  &lt;br /&gt;  // other than System defined wapper classes, we will not get the hashcode equal if and only if we override the hashCode() method in our class.&lt;br /&gt;  &lt;br /&gt;  // even though we override the hashCode() ,override the hashCode() in our class,we can have same hashcode for all instance ,still, equals() will return false&lt;br /&gt;  &lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;out put&lt;br /&gt;.......&lt;br /&gt;-1-&lt;br /&gt;11&lt;br /&gt;11&lt;br /&gt;false&lt;br /&gt;false wew&lt;br /&gt;-2-&lt;br /&gt;true&lt;br /&gt;3492867&lt;br /&gt;3492867&lt;br /&gt;-3-&lt;br /&gt;false&lt;br /&gt;true&lt;br /&gt;3492867&lt;br /&gt;3492867&lt;br /&gt;-4-&lt;br /&gt;false&lt;br /&gt;false&lt;br /&gt;10&lt;br /&gt;1234&lt;br /&gt;-5-&lt;br /&gt;false&lt;br /&gt;1671711&lt;br /&gt;11394033&lt;br /&gt;-6-&lt;br /&gt;4384790 9634993&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-983052119071065927?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/983052119071065927/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=983052119071065927' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/983052119071065927'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/983052119071065927'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/hashcode-and-equals.html' title='hashCode() and equals()'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-6795581213325135088</id><published>2010-07-19T23:02:00.001-07:00</published><updated>2010-07-19T23:02:25.060-07:00</updated><title type='text'>The DROP TRIGGER statement</title><content type='html'>In a DROP TRIGGER statement, the table name must be prepended to the name of the trigger:&lt;br /&gt;DROP TRIGGER &lt;table name&gt;.&lt;trigger name&gt;mysql&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; CREATE TABLE Employee(&lt;br /&gt;    -&gt;     id            int,&lt;br /&gt;    -&gt;     first_name    VARCHAR(15),&lt;br /&gt;    -&gt;     last_name     VARCHAR(15),&lt;br /&gt;    -&gt;     start_date    DATE,&lt;br /&gt;    -&gt;     end_date      DATE,&lt;br /&gt;    -&gt;     salary        FLOAT(8,2),&lt;br /&gt;    -&gt;     city          VARCHAR(10),&lt;br /&gt;    -&gt;     description   VARCHAR(15)&lt;br /&gt;    -&gt; );&lt;br /&gt;Query OK, 0 rows affected (0.03 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; insert into Employee(id,first_name, last_name, start_date, end_Date,   salary,  City,       Description)&lt;br /&gt;    -&gt;              values (1,'Jason',    'Martin',  '19960725',  '20060725', 1234.56, 'Toronto',  'Programmer');&lt;br /&gt;Query OK, 1 row affected (0.00 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; insert into Employee(id,first_name, last_name, start_date, end_Date,   salary,  City,       Description)&lt;br /&gt;    -&gt;               values(2,'Alison',   'Mathews',  '19760321', '19860221', 6661.78, 'Vancouver','Tester');&lt;br /&gt;Query OK, 1 row affected (0.00 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; insert into Employee(id,first_name, last_name, start_date, end_Date,   salary,  City,       Description)&lt;br /&gt;    -&gt;               values(3,'James',    'Smith',    '19781212', '19900315', 6544.78, 'Vancouver','Tester');&lt;br /&gt;Query OK, 1 row affected (0.00 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; insert into Employee(id,first_name, last_name, start_date, end_Date,   salary,  City,       Description)&lt;br /&gt;    -&gt;               values(4,'Celia',    'Rice',     '19821024', '19990421', 2344.78, 'Vancouver','Manager');&lt;br /&gt;Query OK, 1 row affected (0.00 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; insert into Employee(id,first_name, last_name, start_date, end_Date,   salary,  City,       Description)&lt;br /&gt;    -&gt;               values(5,'Robert',   'Black',    '19840115', '19980808', 2334.78, 'Vancouver','Tester');&lt;br /&gt;Query OK, 1 row affected (0.00 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; insert into Employee(id,first_name, last_name, start_date, end_Date,   salary,  City,       Description)&lt;br /&gt;    -&gt;               values(6,'Linda',    'Green',    '19870730', '19960104', 4322.78,'New York',  'Tester');&lt;br /&gt;Query OK, 1 row affected (0.00 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; insert into Employee(id,first_name, last_name, start_date, end_Date,   salary,  City,       Description)&lt;br /&gt;    -&gt;               values(7,'David',    'Larry',    '19901231', '19980212', 7897.78,'New York',  'Manager');&lt;br /&gt;Query OK, 1 row affected (0.02 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; insert into Employee(id,first_name, last_name, start_date, end_Date,   salary,  City,       Description)&lt;br /&gt;    -&gt;               values(8,'James',    'Cat',     '19960917',  '20020415', 1232.78,'Vancouver', 'Tester');&lt;br /&gt;Query OK, 1 row affected (0.00 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; select * from Employee;&lt;br /&gt;+------+------------+-----------+------------+------------+---------+-----------+-------------+&lt;br /&gt;| id   | first_name | last_name | start_date | end_date   | salary  | city      | description |&lt;br /&gt;+------+------------+-----------+------------+------------+---------+-----------+-------------+&lt;br /&gt;|    1 | Jason      | Martin    | 1996-07-25 | 2006-07-25 | 1234.56 | Toronto   | Programmer  |&lt;br /&gt;|    2 | Alison     | Mathews   | 1976-03-21 | 1986-02-21 | 6661.78 | Vancouver | Tester      |&lt;br /&gt;|    3 | James      | Smith     | 1978-12-12 | 1990-03-15 | 6544.78 | Vancouver | Tester      |&lt;br /&gt;|    4 | Celia      | Rice      | 1982-10-24 | 1999-04-21 | 2344.78 | Vancouver | Manager     |&lt;br /&gt;|    5 | Robert     | Black     | 1984-01-15 | 1998-08-08 | 2334.78 | Vancouver | Tester      |&lt;br /&gt;|    6 | Linda      | Green     | 1987-07-30 | 1996-01-04 | 4322.78 | New York  | Tester      |&lt;br /&gt;|    7 | David      | Larry     | 1990-12-31 | 1998-02-12 | 7897.78 | New York  | Manager     |&lt;br /&gt;|    8 | James      | Cat       | 1996-09-17 | 2002-04-15 | 1232.78 | Vancouver | Tester      |&lt;br /&gt;+------+------------+-----------+------------+------------+---------+-----------+-------------+&lt;br /&gt;8 rows in set (0.00 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; DELIMITER //&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; CREATE TRIGGER myTrigger BEFORE UPDATE ON employee&lt;br /&gt;    -&gt; FOR EACH ROW&lt;br /&gt;    -&gt; BEGIN&lt;br /&gt;    -&gt;&lt;br /&gt;    -&gt; IF NEW.id &gt; 5 THEN&lt;br /&gt;    -&gt;     SET NEW.first_name = NEW.first_name+ " *";&lt;br /&gt;    -&gt; END IF;&lt;br /&gt;    -&gt;&lt;br /&gt;    -&gt; IF NEW.salary IS NULL OR NEW.salary = 0 THEN&lt;br /&gt;    -&gt;         SET NEW.salary = 100;&lt;br /&gt;    -&gt; ELSE&lt;br /&gt;    -&gt;         SET NEW.salary = NEW.salary + 100;&lt;br /&gt;    -&gt; END IF;&lt;br /&gt;    -&gt;&lt;br /&gt;    -&gt; END&lt;br /&gt;    -&gt;&lt;br /&gt;    -&gt; //&lt;br /&gt;Query OK, 0 rows affected (0.02 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt; DELIMITER ;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; SELECT * FROM INFORMATION_SCHEMA.TRIGGERS;&lt;br /&gt;+-----------------+----------------+--------------+--------------------+----------------------+---------------------+--------------------+--------------+------------------+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+--------------------+---------------+----------------------------+----------------------------+--------------------------+--------------------------+---------+----------+----------------+&lt;br /&gt;| TRIGGER_CATALOG | TRIGGER_SCHEMA | TRIGGER_NAME | EVENT_MANIPULATION | EVENT_OBJECT_CATALOG | EVENT_OBJECT_SCHEMA | EVENT_OBJECT_TABLE | ACTION_ORDER | ACTION_CONDITION | ACTION_STATEMENT                                                                                                                                                                                                       | ACTION_ORIENTATION | ACTION_TIMING | ACTION_REFERENCE_OLD_TABLE | ACTION_REFERENCE_NEW_TABLE | ACTION_REFERENCE_OLD_ROW | ACTION_REFERENCE_NEW_ROW | CREATED | SQL_MODE | DEFINER        |&lt;br /&gt;+-----------------+----------------+--------------+--------------------+----------------------+---------------------+--------------------+--------------+------------------+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+--------------------+---------------+----------------------------+----------------------------+--------------------------+--------------------------+---------+----------+----------------+&lt;br /&gt;| NULL            | test           | myTrigger    | UPDATE             | NULL                 | test                | employee           |            0 | NULL             | BEGIN&lt;br /&gt;IF NEW.id &gt; 5 THEN&lt;br /&gt;    SET NEW.first_name = NEW.first_name+ " *";&lt;br /&gt;END IF;&lt;br /&gt;IF NEW.salary IS NULL OR NEW.salary = 0 THEN&lt;br /&gt;        SET NEW.salary = 100;&lt;br /&gt;ELSE&lt;br /&gt;        SET NEW.salary = NEW.salary + 100;&lt;br /&gt;END IF;&lt;br /&gt;END | ROW                | BEFORE        | NULL                       | NULL                       | OLD                      | NEW                      | NULL    |          | root@localhost |&lt;br /&gt;+-----------------+----------------+--------------+--------------------+----------------------+---------------------+--------------------+--------------+------------------+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+--------------------+---------------+----------------------------+----------------------------+--------------------------+--------------------------+---------+----------+----------------+&lt;br /&gt;1 row in set (0.03 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; DROP TRIGGER myTrigger;&lt;br /&gt;Query OK, 0 rows affected (0.00 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; SELECT * FROM INFORMATION_SCHEMA.TRIGGERS;&lt;br /&gt;Empty set (0.02 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt; drop table Employee;&lt;br /&gt;Query OK, 0 rows affected (0.00 sec)&lt;br /&gt;&lt;br /&gt;mysql&gt;&lt;br /&gt;mysql&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-6795581213325135088?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/6795581213325135088/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=6795581213325135088' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/6795581213325135088'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/6795581213325135088'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/drop-trigger-statement.html' title='The DROP TRIGGER statement'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-6961625097606968996</id><published>2010-07-19T05:36:00.000-07:00</published><updated>2010-07-19T05:36:06.699-07:00</updated><title type='text'>assertion replacing sop()s in code debugging from JDK 1.4</title><content type='html'>Assertion in Java&lt;br /&gt;&lt;br /&gt;Assertion facility is added in J2SE 1.4. In order to support this facility J2SE 1.4 added the keyword assert to the language, and AssertionError class. An assertion checks a boolean-typed expression that must be true during program runtime execution. The assertion facility can be enabled or disable at runtime.&lt;br /&gt;&lt;br /&gt;Declaring Assertion&lt;br /&gt;&lt;br /&gt;Assertion statements have two forms as given below&lt;br /&gt;&lt;br /&gt;assert expression;&lt;br /&gt;&lt;br /&gt;assert expression1 : expression2;&lt;br /&gt;&lt;br /&gt;The first form is simple form of assertion, while second form takes another expression. In both of the form boolean expression represents condition that must be evaluate to true runtime.&lt;br /&gt;&lt;br /&gt;If the condition evaluates to false and assertions are enabled, AssertionError will be thrown at runtime.&lt;br /&gt;&lt;br /&gt;Some examples that use simple assertion form are as follows.&lt;br /&gt;&lt;br /&gt;assert value &gt; 5 ;&lt;br /&gt;&lt;br /&gt;assert accontBalance &gt; 0;&lt;br /&gt;&lt;br /&gt;assert isStatusEnabled();&lt;br /&gt;&lt;br /&gt;The expression that has to be asserted runtime must be boolean value. In third example isStatusEnabled() must return boolean value. If condition evaluates to true, execution continues normally, otherwise the AssertionError is thrown.&lt;br /&gt;&lt;br /&gt;Following program uses simple form of assertion&lt;br /&gt;&lt;br /&gt;//AssertionDemo.java&lt;br /&gt;&lt;br /&gt;Class AssertionDemo{&lt;br /&gt;&lt;br /&gt;Public static void main(String args[]){&lt;br /&gt;&lt;br /&gt;System.out.println( withdrawMoney(1000,500) );&lt;br /&gt;&lt;br /&gt;System.out.println( withdrawMoney(1000,2000) );&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public double withdrawMoney(double balance , double amount){&lt;br /&gt;&lt;br /&gt;assert balance &gt;= amount;&lt;br /&gt;&lt;br /&gt;return balance – amount;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;In above given example, main method calls withdrawMoney method with balance and amount as arguments. The withdrawMoney method has a assert statement that checks whether the balance is grater than or equal to amount to be withdrawn. In first call the method will execute without any exception, but in second call it AssertionError is thrown if the assertion is enabled at runtime.&lt;br /&gt;&lt;br /&gt;Enable/Disable Assertions&lt;br /&gt;&lt;br /&gt;By default assertion are not enabled, but compiler complains if assert is used as an identifier or label. The following command will compile AssertionDemo with assertion enabled.&lt;br /&gt;&lt;br /&gt;javac –source 1.4 AssertionDemo.java&lt;br /&gt;&lt;br /&gt;The resulting AssertionDemo class file will contain assertion code.&lt;br /&gt;&lt;br /&gt;By default assertion are disabled in Java runtime environment. The argument –eanbleassertion or –ea will enables assertion, while –disableassertion or –da will disable assertions at runtime.&lt;br /&gt;&lt;br /&gt;The following command will run AssertionDemo with assertion enabled.&lt;br /&gt;&lt;br /&gt;Java –ea AssertionDemo&lt;br /&gt;&lt;br /&gt;or&lt;br /&gt;&lt;br /&gt;Java –enableassertion AssertionDemo&lt;br /&gt;&lt;br /&gt;Second form of Assertion&lt;br /&gt;&lt;br /&gt;The second form of assertion takes another expression as an argument.&lt;br /&gt;&lt;br /&gt;The syntax is,&lt;br /&gt;&lt;br /&gt;assert expression1 : expression2;&lt;br /&gt;&lt;br /&gt;where expression1 is the condition and must evaluate to true at runtime.&lt;br /&gt;&lt;br /&gt;This statement is equivalent to&lt;br /&gt;&lt;br /&gt;assert expression1 : throw new AssertionError(expression2);&lt;br /&gt;&lt;br /&gt;Note: AssertionError is unchecked exception, because it is inherited from Error class.&lt;br /&gt;&lt;br /&gt;Here, expression2 must evaluate to some value.&lt;br /&gt;&lt;br /&gt;By default AssertionError doesn’t provide useful message so this form can be helpful to display some informative message to the user. &lt;br /&gt;---------------------------------------------------------&lt;br /&gt;links&lt;br /&gt;&lt;br /&gt;http://download.oracle.com/docs/cd/E17476_01/javase/1.4.2/docs/guide/lang/assert.html&lt;br /&gt;&lt;br /&gt;---------------------------------------------------------&lt;br /&gt;   1.  How do I get the assert statement to work?&lt;br /&gt;   2. How do I get line numbers?&lt;br /&gt;   3. How do I get soft tabs?&lt;br /&gt;   4. How do I run Javadoc?&lt;br /&gt;   5. How do I see the javadoc for Sun-supplied classes?&lt;br /&gt;   6. Why are my JUnit results not showing up?&lt;br /&gt;   7. How do I create a test suite?&lt;br /&gt;   8. In JUnit, what's the difference between a "failure" and an "error"?&lt;br /&gt;   9. Why does Source-&gt;Format really mess up my formatting?&lt;br /&gt;  10. How do I import an existing program into Eclipse?&lt;br /&gt;&lt;br /&gt;   1. How do I get the assert statement to work?&lt;br /&gt;&lt;br /&gt;      In Eclipse 3.1, go to Window -&gt; Preferences -&gt; Java -&gt; Compiler and set the Compiler Compliance Level to 1.4 or 5.0. Also check Use Default compliance settings. This tells the compiler to recognize and allow assert statements, but does not enable them.&lt;br /&gt;&lt;br /&gt;      In Eclipse 3.0 (Java 1.4), the settings are a little fussier. Go to Window -&gt; Preferences -&gt; Java -&gt; Compiler -&gt; Compliance and Classfiles and set:&lt;br /&gt;&lt;br /&gt;              Compiler Compliance Level: to 1.4&lt;br /&gt;              Use default compliance settings to unchecked&lt;br /&gt;              Generated .class files compatibility: to 1.4&lt;br /&gt;              Source compatibility: to 1.4&lt;br /&gt;              Disallow identifiers called 'assert': to Error&lt;br /&gt;              Compiler Compliance Level to 1.4&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;      To enable (make active) assert statements, you must set a flag to the compiler. Go to Run -&gt; Run... -&gt; Arguments, and in the box labeled VM arguments:, enter either -enableassertions or just -ea. Accept the changes and close the dialog.&lt;br /&gt;&lt;br /&gt;      To get Javadoc to recognize the assert statement, see How do I run Javadoc?&lt;br /&gt;&lt;br /&gt;   2. How do I get line numbers?&lt;br /&gt;&lt;br /&gt;      Go to Window -&gt; Preferences -&gt; General -&gt; Editors -&gt; All Text Editors and check Show line numbers.&lt;br /&gt;&lt;br /&gt;   3. How do I get soft tabs?&lt;br /&gt;&lt;br /&gt;      To get soft tabs (tabs replaced by spaces) as you type, go to Window -&gt; Preferences -&gt; Java -&gt; Code style-&gt; Formatter and select the profile Java Conventions [built-in]. This should be set correctly to give soft tabs.&lt;br /&gt;&lt;br /&gt;      You can create your own profile by clicking Show...; for soft tabs, go to Indentation uncheck Use tab characters. After making your changes, you will be prompted for a name for your new profile.&lt;br /&gt;&lt;br /&gt;   4. How do I run Javadoc?&lt;br /&gt;&lt;br /&gt;         1. In the Package Explorer window, choose the package or file for which you want to generate documentation.&lt;br /&gt;         2. Choose File -&gt; Export... -&gt; Javadoc -&gt; Next&gt;&lt;br /&gt;               1. If the dialog box displays the message The Javadoc command does not exist, then you need to click the Configure... button and locate javadoc.exe. You already have this file--it is probably in YourJavaDirectory/jdk1.5.0/bin/.&lt;br /&gt;         3. Select the project, and the destination for the Javadoc files. Normally, you should only generate documentation for public fields and methods.&lt;br /&gt;         4. If you have no assert statements, you can click Finish at this point.&lt;br /&gt;         5. Click Next &gt;.&lt;br /&gt;         6. Click Next &gt; again.&lt;br /&gt;         7. Check JRE 1.4 source compatibility (otherwise your assert statements will be treated as errors). [See also How do I get the assert statement to work?]&lt;br /&gt;         8. Click Finish.&lt;br /&gt;&lt;br /&gt;   5. How do I see the javadoc for Sun-supplied classes?&lt;br /&gt;&lt;br /&gt;      If you hover (don't click) your mouse over the name of a method, you should see a simplified Javadoc explanation. If this doesn't work for Sun-supplied methods, then you don't have the source code installed. Here's how to install the source code:&lt;br /&gt;&lt;br /&gt;         1. Go to http://java.sun.com/j2se/1.5.0/download.jsp and choose to download the JDK 5.0 Source Code (I don't know what SCSL and JRL are, but SCSL worked for me).&lt;br /&gt;         2. For JDK 5.0, select Download(SCSL source) .&lt;br /&gt;         3. Register. This is relatively painless, especially if you either ignore or enjoy reading license agreements.&lt;br /&gt;         4. Download JDK (SCSL) 5.0 (1.5.0). This will give you a file jdk-1_5_0-src.scsl.zip. You do not need to unzip this file; Eclipse likes it the way it is.&lt;br /&gt;         5. In Eclipse, go to Projects -&gt; Properties -&gt; Java Build Path -&gt; Libraries and expand JRE System Library [jre 1.5.0], then rt.jar. Select Source attachment and click Edit....&lt;br /&gt;         6. Select the above zip file.&lt;br /&gt;         7. Finish by exiting the dialog boxes.&lt;br /&gt;&lt;br /&gt;   6. Why are my JUnit results not showing up?&lt;br /&gt;&lt;br /&gt;      Maybe it's because all your tests succeeded. For more satisfying results, go to Window -&gt; Preferences -&gt; Java -&gt; JUnit and uncheck Show the JUnit results view only when an error or failure occurs.&lt;br /&gt;&lt;br /&gt;   7. How do I create a test suite?&lt;br /&gt;&lt;br /&gt;      Go to File -&gt; New -&gt; Other... -&gt; Java -&gt; JUnit -&gt; TestSuite, and click Next&gt;. Select all the classes, and click Finish.&lt;br /&gt;&lt;br /&gt;      You can run this test suite the same way you run other JUnit tests.&lt;br /&gt;&lt;br /&gt;   8. In JUnit, what's the difference between a "failure" and an "error"?&lt;br /&gt;&lt;br /&gt;      A failure is when one of your assertions fails--that is, your program does something wrong, and your JUnit test notices and reports the fact. An error is when some other Exception occurs--one you haven't tested for and didn't expect, such as a NullPointerException or an ArrayIndexOutOfBoundsException.&lt;br /&gt;&lt;br /&gt;   9. Why does Source-&gt;Format really mess up my formatting?&lt;br /&gt;&lt;br /&gt;      You have unmatched brackets, braces, or parentheses, and the code reformatter is doing the best it can. Find the syntax error (somewhere near the beginning of the messed up formatting), fix it, and reformat.&lt;br /&gt;&lt;br /&gt;  10. How do I import an existing program into Eclipse?&lt;br /&gt;&lt;br /&gt;      Here are two ways that work. First,&lt;br /&gt;         1. In your workspace folder, create a new folder, and put your files into that folder.&lt;br /&gt;         2. Ask Eclipse to create a new project (File -&gt; New -&gt; Project...) and, for the name of the project, type in the exact name of your new folder.&lt;br /&gt;         3. Click Finish.&lt;br /&gt;      The second way is very similar:&lt;br /&gt;         1. Ask Eclipse to create a new project (File -&gt; New -&gt; Project...) with any suitable name.&lt;br /&gt;         2. Copy your files into the new folder.&lt;br /&gt;         3. In Eclipse's Package Explorer pane, right-click on the new project and choose Refresh from the pull-down menu.&lt;br /&gt;&lt;br /&gt; &lt;br /&gt;---------------------------------------------------------&lt;br /&gt;&lt;br /&gt;package com;&lt;br /&gt;&lt;br /&gt;public class AssertTest {&lt;br /&gt;&lt;br /&gt; /**&lt;br /&gt;  * @param args&lt;br /&gt;  */&lt;br /&gt; &lt;br /&gt; public  boolean myErrorDisplay(){&lt;br /&gt;  System.out.println("here error");&lt;br /&gt;  return false;&lt;br /&gt; }&lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;  // The following assert statement will stop execution&lt;br /&gt;  // with a message if assertions are turned on.&lt;br /&gt;  &lt;br /&gt;  assert 1&lt;10;  assert true;  assert 1&gt;10 : new AssertTest().myErrorDisplay();&lt;br /&gt;  assert 1&lt;10;&lt;br /&gt;  assert true;&lt;br /&gt;  // The following statement will only be printed if &lt;br /&gt;  // assertions are turned off because  assertions&lt;br /&gt;  // were not allowed at run time by the -ea parameter.&lt;br /&gt;  System.out.println("Assertions are not active.");&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt;}&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-6961625097606968996?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/6961625097606968996/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=6961625097606968996' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/6961625097606968996'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/6961625097606968996'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/assertion-replacing-sops-in-code.html' title='assertion replacing sop()s in code debugging from JDK 1.4'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-1852066375421310899</id><published>2010-07-19T04:49:00.001-07:00</published><updated>2010-07-19T04:49:12.657-07:00</updated><title type='text'>Anonymous and Inner Class - example</title><content type='html'>an example of a simple anonymous class&lt;br /&gt;   &lt;br /&gt;&lt;br /&gt;public class MainClass {&lt;br /&gt;  public static void main(String[] args) {&lt;br /&gt;    Ball b = new Ball() {&lt;br /&gt;      public void hit() {&lt;br /&gt;        System.out.println("You hit it!");&lt;br /&gt;      }&lt;br /&gt;    };&lt;br /&gt;    b.hit();&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;  interface Ball {&lt;br /&gt;    void hit();&lt;br /&gt;  }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;and&lt;br /&gt;&lt;br /&gt;-------------------------------------------------------&lt;br /&gt;package com;&lt;br /&gt;&lt;br /&gt;public class AnuClass {&lt;br /&gt;&lt;br /&gt; /**&lt;br /&gt;  * @param args&lt;br /&gt;  */&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; public static void myanmethod(){&lt;br /&gt;  &lt;br /&gt;  Ball b = new Ball(){&lt;br /&gt;        public void hit() {&lt;br /&gt;          System.out.println("You hit it!");&lt;br /&gt;        }&lt;br /&gt;      };&lt;br /&gt;      b.hit();&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt;    interface Ball {&lt;br /&gt;      void hit();&lt;br /&gt;    }&lt;br /&gt; &lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;  AnuClass.myanmethod();&lt;br /&gt;  &lt;br /&gt;  &lt;br /&gt;  &lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;-------------------------------------------------------&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Access inner class from outside&lt;br /&gt;  &lt;br /&gt;&lt;br /&gt;public class Main {&lt;br /&gt;    public static void main(String[] args) {&lt;br /&gt;        Outer outer = new Outer();&lt;br /&gt;        outer.new Inner().hello();&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;class Outer {&lt;br /&gt;    public class Inner {&lt;br /&gt;        public void hello(){&lt;br /&gt;          System.out.println("Hello from Inner()");&lt;br /&gt;        }&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;------------------------------------------------------&lt;br /&gt;&lt;br /&gt;Access inner class from outside&lt;br /&gt;  &lt;br /&gt;&lt;br /&gt;public class Main {&lt;br /&gt;    public static void main(String[] args) {&lt;br /&gt;        Outer outer = new Outer();&lt;br /&gt;        outer.new Inner().hello();&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;class Outer {&lt;br /&gt;    public class Inner {&lt;br /&gt;        public void hello(){&lt;br /&gt;          System.out.println("Hello from Inner()");&lt;br /&gt;        }&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;  &lt;br /&gt;  &lt;br /&gt;--------------------------------------------------------&lt;br /&gt;&lt;br /&gt;package com;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;public class InOutClass {&lt;br /&gt;&lt;br /&gt; /**&lt;br /&gt;  * @param args&lt;br /&gt;  */&lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;  Outer outer = new Outer();&lt;br /&gt;        outer.new Inner().hello();&lt;br /&gt;&lt;br /&gt;       new Thread(new Thread(){&lt;br /&gt;         int i=0;&lt;br /&gt;           public void run() {&lt;br /&gt;             try {&lt;br /&gt;               while (i&lt;10) {&lt;br /&gt;                 sleep(1000); System.out.print("1");&lt;br /&gt;                 i++;&lt;br /&gt;               }&lt;br /&gt;             }&lt;br /&gt;             catch(InterruptedException ex) {}&lt;br /&gt;           }&lt;br /&gt;         }).start();&lt;br /&gt;       &lt;br /&gt;// second option&lt;br /&gt;&lt;br /&gt;      Thread t = new Thread(new Thread(){&lt;br /&gt;         public void run() {&lt;br /&gt;        int i=0;&lt;br /&gt;           try {&lt;br /&gt;             while (i&lt;10) {&lt;br /&gt;               sleep(1000); System.out.print("2");&lt;br /&gt;             i++;&lt;br /&gt;             }&lt;br /&gt;           }&lt;br /&gt;           catch(InterruptedException ex) {}&lt;br /&gt;         }&lt;br /&gt;       });&lt;br /&gt;      t.start();&lt;br /&gt;      &lt;br /&gt;      new Thread(new Runnable() {&lt;br /&gt;       public void run() {&lt;br /&gt;        int i=0;&lt;br /&gt;             while (i&lt;10) {    //sleep(1000); //sleep is not a method of Runnable Interface,its in Thread class&lt;br /&gt;          System.out.print("3");&lt;br /&gt;           }&lt;br /&gt;       }&lt;br /&gt;     }).start();&lt;br /&gt;&lt;br /&gt; }&lt;br /&gt; &lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;class Outer {&lt;br /&gt;    public class Inner {&lt;br /&gt;        public void hello(){&lt;br /&gt;          System.out.println("Hello from Inner()");&lt;br /&gt;        }&lt;br /&gt;    }&lt;br /&gt;}&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-1852066375421310899?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://javatemple.blogspot.com/feeds/1852066375421310899/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=442526726010203528&amp;postID=1852066375421310899' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/1852066375421310899'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/442526726010203528/posts/default/1852066375421310899'/><link rel='alternate' type='text/html' href='http://javatemple.blogspot.com/2010/07/anonymous-and-inner-class-example.html' title='Anonymous and Inner Class - example'/><author><name>bharateeyudu thanooj</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-GaWrOctOdpQ/AAAAAAAAAAI/AAAAAAAAAAA/pfD9y83qukU/s512-c/photo.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-442526726010203528.post-8012136530491986168</id><published>2010-07-19T04:45:00.000-07:00</published><updated>2010-07-19T04:45:59.135-07:00</updated><title type='text'>Comparable,Comparator - sample</title><content type='html'>package com;&lt;br /&gt;&lt;br /&gt;import java.io.Serializable;&lt;br /&gt;import java.util.Comparator;&lt;br /&gt;&lt;br /&gt;@SuppressWarnings("serial")&lt;br /&gt;public class Emp implements Comparable&lt;Emp&gt;, Comparator&lt;Emp&gt; , Serializable {&lt;br /&gt;&lt;br /&gt; private int empId;&lt;br /&gt;    private String name;&lt;br /&gt;    private int age;&lt;br /&gt;    &lt;br /&gt;    /**&lt;br /&gt;     * Compare a given Employee with this object.&lt;br /&gt;     * If employee id of this object is &lt;br /&gt;     * greater than the received object,&lt;br /&gt;     * then this object is greater than the other.&lt;br /&gt;     */&lt;br /&gt;    &lt;br /&gt;    &lt;br /&gt; @Override&lt;br /&gt; public int compareTo(Emp arg0) {&lt;br /&gt;     if (!(arg0 instanceof Emp))&lt;br /&gt;         throw new ClassCastException("A Person object expected.");&lt;br /&gt;&lt;br /&gt;  return this.getName().compareTo(arg0.getName()) ;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; &lt;br /&gt;&lt;br /&gt; public Emp(int empId, String name, int age) {&lt;br /&gt;  this.empId = empId;&lt;br /&gt;  this.name = name;&lt;br /&gt;  this.age = age;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public int getEmpId() {&lt;br /&gt;  return empId;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public String getName() {&lt;br /&gt;  return name;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; public int getAge() {&lt;br /&gt;  return age;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; @Override&lt;br /&gt; public int compare(Emp arg0, Emp arg1) {&lt;br /&gt;  &lt;br /&gt;         return arg0.compareTo(arg1);&lt;br /&gt;     &lt;br /&gt; }&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;---------------------------------------------------&lt;br /&gt;package com;&lt;br /&gt;&lt;br /&gt;import java.util.ArrayList;&lt;br /&gt;import java.util.List;&lt;br /&gt;&lt;br /&gt;public class Util {&lt;br /&gt; &lt;br /&gt;public static List&lt;Emp&gt; getEmployees() {&lt;br /&gt;        &lt;br /&gt;        List&lt;Emp&gt; col = new ArrayList&lt;Emp&gt;();&lt;br /&gt;        &lt;br /&gt;        col.add(new Emp(5, "Frank", 28));&lt;br /&gt;        col.add(new Emp(1, "Jorge", 19));&lt;br /&gt;        col.add(new Emp(6, "Bill", 34));&lt;br /&gt;        col.add(new Emp(3, "Michel", 10));&lt;br /&gt;        col.add(new Emp(7, "Simpson", 8));&lt;br /&gt;        col.add(new Emp(4, "Clerk",16 ));&lt;br /&gt;        col.add(new Emp(8, "Lee", 40));&lt;br /&gt;        col.add(new Emp(2, "Mark", 30));&lt;br /&gt;        &lt;br /&gt;        return col;&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;------------------------------------------&lt;br /&gt;&lt;br /&gt;package com;&lt;br /&gt;&lt;br /&gt;import java.util.Collections;&lt;br /&gt;import java.util.List;&lt;br /&gt;&lt;br /&gt;public class TestEmployeeSort {&lt;br /&gt;&lt;br /&gt; /**&lt;br /&gt;  * @param args&lt;br /&gt;  */&lt;br /&gt; @SuppressWarnings("unchecked")&lt;br /&gt; public static void main(String[] args) {&lt;br /&gt;  &lt;br /&gt;  List coll = Util.getEmployees();&lt;br /&gt;        //Collections.sort(coll);&lt;br /&gt;        //use Comparator implementation&lt;br /&gt;        Collections.sort(coll);&lt;br /&gt;        printList(coll);&lt;br /&gt; }&lt;br /&gt; &lt;br /&gt; private static void printList(List&lt;Emp&gt; list) {&lt;br /&gt;        System.out.println("EmpId\tName\tAge");&lt;br /&gt;        for (Emp e: list) {&lt;br /&gt;            System.out.println(e.getEmpId() + "\t" + e.getName() + "\t" + e.getAge());&lt;br /&gt;        }&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;--------------------------------------&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/442526726010203528-8012136530491986168?l=javatemple.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='
