live

I want to do a live search through the table rows, using jQuery, the "live" word is the key, because I want to type the keywords in the text input, on the same site and I'd like jQuery to automaticaly sort (or remove those who doesn't match the search query) the table rows. Here is my HTML: <table> <tr><th>Unique ID</th><th>Random ID</th></tr> <tr><td>214215</td><td>442</td></tr> <tr><td>1252512</td><td>556</td></tr> <tr><td>2114</td><td>4666</td></tr> <tr><td>3245466</td><td>334</td></tr> <tr><td>24111</td><td>54364</td></tr> </table> And if I would fe. search by the Unique ID , it should

I'm using the following jquery code to show a contextual delete button only for table rows we are hovering with our mouse. This works but not for rows that have been added with js/ajax on the fly... Is there a way to make this work with live events? $("table tr").hover( function () {}, function () {} ); Philippe Leybaert jQuery 1.4.1 now supports "hover" for live() events, but only with one event handler function: $("table tr").live("hover", function () { }); Alternatively, you can provide two functions, one for mouseenter and one for mouseleave: $("table tr").live({ mouseenter: function () {

I'm curious to know the differences between the bind and live functions. To me they seem to be almost identical. I read the benefits of live/bind methods , but it didn't tell me about the differences... Thanks! ichiban .bind() attacheds events to elements that exist or match the selector at the time the call is made. Any elements created afterwards or that match going forward because the class was changed, will not fire the bound event. .live() works for existing and future matching elements. Before jQuery 1.4 this was limited to the following events: click, dblclick mousedown, mouseup,

This question already has an answer here: What is the difference between the bind and live methods in jQuery? 10 answers I want to know the main difference between .live() vs. .bind() methods in jQuery. The main difference is that live will work also for the elements that will be created after the page has been loaded (i.e. by your javascript code), while bind will only bind event handlers for currently existing items. // BIND example $('div').bind('mouseover', doSomething); // this new div WILL NOT HAVE mouseover event handler registered $('<div/>').appendTo('div:last'); // LIVE example $(

I am using $(".button").on("click", function(){ }); to click to a button which is on a container but then an ajax call is done and the content gets updated with new stuff and then when i try to click .button it wont work... nothing will get returned when i click the button. I even tried $(".button").live("click", function(){ }); or $(".button").click(function(){ }); How can I make it work? EDIT : my html: <div class="container"> <ul> <li>item1</li> <li>item2</li> <li>item3</li> </ul> <input type="button" value="reload" class="button" /> </div> gdoron Should be done this way. $('body').on(