• It’s already awful because of HTML/JSP special syntax mix. Do not place more than a single line of JS in that code – keep it in external, linked JS file, such code has no business to be directly in JSP.
• JS event handling. If you are putting JS code into tag attributes (e.g. <input onclick="doSomething()"/>) then you still living in XX century. Especially if you are using jQuery. All your events should be defined in JS code and be triggered within document.onload event

  $(function()
  { // put all your jQuery goodness in here. }
  )

• Laying out pages with table except when you are displaying actual tabular data is a lazy habit. That’s what CSS is for. Takes time to learn but makes your pages faster and less clattered with unnecessary markup. In my mind – nested tables are worth than nested for-loops
• Avoid putting Java code into your JSP. If you have more than one line you need to have method in your Java code. Matter of fact – using plain JSP should be avoided and XHTML should be used instead
• Do not use color names in your styles e.g. <tr style="background-color: PeachPuff"> use color codes (#FFDAB9 ) And that’s beside the point that you should avoid peppering your markup with inline CSS

1. Add image button into right side corner of the original input field. I’m nesting both input and image withing a single div and then position image as absolute
2. QuickSelect creates quick object that contains all the data that I need. The problem is – this object is private and I cannot access it. Unfortunately the only way is to hack into code. I ended up adding a filed to the original Input that creates a reference to Quick object, then in my code I refer to it as $(’#myQuick’)[0].quick.
   Then I call (fortunately public) method of QuickSelect to populate drop-down list (glorified UL list) with the data and associate that code with onClick event of the button I created in step #1. The code looks something like this:

               if (data.length < 20) {
                   var btt = $('');
                   control.after(btt);
                   btt.click( function() {
                       var quick = control[0].quick;
                       quick.populate_list('', quick.options.data);
                   });
               }

The result is – pleasantly looking dropdown that as added bonus maintains autocomplete functionality