I am using \[code\]jquery.ui.combify\[/code\].Following is my \[code\]HTML\[/code\] file:\[code\]<!DOCTYPE html><html> <head> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css" type="text/css" media="all" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script> <link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/15547960/jqgridcss/jquery.ui.combify.css" /> <script type="text/javascript" src="http://stackoverflow.com/questions/15547960/jqgridjs/jquery.ui.combify.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#MySelect").combify(); $("#MySelect2").combify(); }); </script> </head> <select id="MySelect"> <option>Some Option</option> <option>Some Other Option</option> </select> <select id="MySelect2"> <option>Some Option</option> <option>Some Other Option</option> </select></html>\[/code\]I have two \[code\]combo-boxes\[/code\], which I want to show in a single line, but I am getting this two \[code\]combo-boxes\[/code\] on separate lines.This is how \[code\]combo-boxes\[/code\] should appear:
But they are appearing like:
So let me know if there is a solution for this.Thanks in advance..