<button> vs. <input type=“button” />. Which to use? When looking at most sites (including SO), most of them use: <input type="button" /> instead of: <button></button> What are the main differences between the two, if any? Are there valid reasons to use one instead of the other? Are there valid reasons to use combine them? Does using <button> come with compatibility issues, seeing it is not very widely used? answer: Here's a page describing the differences (basically you can put html into a <button></button>) And an other page describing

What is the best way to add options to a select from an array with jQuery? What is the best method for adding options to a select from a JSON object using jQuery? I'm looking for something that I don't need a plugin to do, but would also be interested in the plugins that are out there. This is what I did: selectValues = { "1": "test 1", "2": "test 2" }; for (key in selectValues) { if (typeof (selectValues[key] == 'string') {

What is the best way to detect a mobile device in jQuery? Is there a solid way to detect whether or not a user is using a mobile device in jQuery? Something similar to the CSS @media attribute? I would like to run a different script if the browser is on a handheld device. The jQuery $.browser function is not what I am looking for. Solution: Instead of using jquery you can use simple javascript to detect it: if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { // some code.. }

How to determine if variable is 'undefined' or 'null'? How do I determine if variable is undefined or null? My code is as follows: var EmpName = $("div#esd-names div#name").attr('class'); if(EmpName == 'undefined'){ //DO SOMETHING }; <div id="esd-names"> <div id="name"></div> </div> But if I do this, the JavaScript interpreter halts execution. Answer: You can do this: if (variable == null){ // your code here. } Check MDN for details on equality tests in JS. null == undefined is true, but null === undefinedis false. Thus the code above, as is, will catch

Creating a div element in jQuery How do I create a div element in jQuery? solution: First select the parent element with something like $("#id"), $("element") or $(".class") Then use the .append("<div>foo</div>") function. Alternatively, you can use the .html() as mentioned in a different answer. $("#foo").append("<div>hello world</div>") http://stackoverflow.com/questions/867916/creating-a-div-element-in-jquery

Event binding on dynamically created elements? I have a bit of code where I am looping through all the select boxes on a page and binding a .hoverevent to them to do a bit of twiddling with their width on mouse on/off. This happens on page ready and works just fine. The problem I have is that any select boxes I add via Ajax or DOM after the initial loop won't have the event bound. I have found this plugin (jQuery Live Query Plugin), but

How to move an element into another element? I would like to move one DIV element inside another. For example, I want to move this (including all children): <div id="source"> ... </div> into this: <div id="destination"> ... </div> so that I have this: <div id="destination"> <div id="source"> ... </div> </div> Answer: You may want to use the appendTo function (which adds to the end of the element): $("#source").appendTo("#destination"); Alternatively you could use the prependTo function (which adds to the beginning of the element): $("#source").prependTo("#destination"); http://stackoverflow.com/questions/1279957/how-to-move-an-element-into-another-element