External form elements are not displaying.

[GoogleCodeExporter]

I am having trouble getting external form elements to display in a sidebar.

I am following the example given at 
http://jquery-datatables-column-filter.googlecode.com/svn/trunk/external.html

1. Column filter is working correctly in the table footer when I leave out the 
code for the external form. Here is the working table 
http://adevno.com/dev/propertysearch/working.php

2. I add in the following code but the form elements are not showing. Here is 
the page with the code I have added 
http://adevno.com/dev/propertysearch/index.php

I am adding this to the javascript:
{
aoColumns: [{
  type: "select",
  sSelector: "#CITY"
}, {
  type: "select",
  sSelector: "#STATE"
}, {
  sSelector: "#ZIP"
}, {
  type: "select",
  values: ["King", "Bonner", "Island"],
  sSelector: "#COUNTY"
}]
}

And I add these placeholders in the sidebar:

<p id="CITY"></p>
<p id="STATE"></p>
<p id="ZIP"></p>
<p id="COUNTY"></p>

What am I missing? I have been running in circles on this for a few hours. Any 
help would be greatly appreciated.

Original issue reported on code.google.com by mjk...@gmail.com on 5 Feb 2012 at 4:45

[GoogleCodeExporter]

Hi,

Could you please use the latest version from trunk 1.4.4. you are using old 
version on the page 0.9.0.
In version 0.9.0. filtering in external form was not yet implemented.

Thanks,
Jovan

Original comment by joc...@gmail.com on 12 Feb 2012 at 6:39

• Changed state: Done

[GoogleCodeExporter]

Thanks. That was it.

Original comment by mjk...@gmail.com on 12 Feb 2012 at 10:33

[GoogleCodeExporter]

Does that work with jquery 1.6.4. For some reason, the drop down doesn't show. 
Thanks in advanced.

Original comment by lawrence...@gmail.com on 25 May 2012 at 10:34

[GoogleCodeExporter]

1.4.8 is definitely broken in the later jquery versions

Original comment by emailgo...@gmail.com on 29 Aug 2012 at 8:21