im a missing something AJAX HELP

[iamanewibe]

ok im using a kind of new CMS system called business catalyst which allows you to do alot of cool things without the use of php... any way im trying to ajax these values to the sever and the problem that i am having is that the ajax is not being called.
///////////here is the jquery code

$('#submit').click(function() {
	subs=$('#submit');
	seltask=$('select#CAT_Custom_330690:selected').val();
	selskills=$('select#CAT_Custom_330692:selected').val();
	seldesign=$('select#CAT_Custom_330694:selected').val();
	sellevelpay=$('select#CAT_Custom_332428:selected').val();
	sellevel=$('select#CAT_Custom_330690:selected').val();
	
	data= 'CAT_Custom_330690' + sel + 'CAT_Custom_330692' + selskills + 'CAT_Custom_330694' + seldesign + 'CAT_Custom_332428' + sellevelpay + 'CAT_Custom_332429' + sellevel; 
	
	
subs.ajax({
  type:"POST",
  data:data,
  url:"/Default.aspx?CCID=21007&FID=111728&ExcludeBoolFalse=True&PageID=facts-and-answers" ,
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});
return false;
});
});

and here is the form ...

 <form name="catcustomcontentform66766" id="searchn" method="post" onsubmit="return checkWholeForm66766(this)" action="/Default.aspx?CCID=21007&amp;FID=111728&amp;ExcludeBoolFalse=True&amp;PageID=facts-and-answers">
            <table class="webform" cellspacing="0" cellpadding="2" border="0">
                <tbody>
                    <tr>
                        <td><label for="CAT_Custom_330690">Tasks</label><br />
                        <select name="CAT_Custom_330690" id="CAT_Custom_330690" class="cat_dropdown">
                        <option value="*">-- All --</option>
                          <option value="2">something</option>
                    
                        </select></td>
                    </tr>
                    <tr>
                        <td><label for="CAT_Custom_330692">Skills</label><br />
                        <select name="CAT_Custom_330692" id="CAT_Custom_330692" class="cat_dropdown">
                        <option value="*">-- All --</option>
                         <option value="1">option</option>
                        </select></td>
                    </tr>
                    <tr>
                        <td><label for="CAT_Custom_330694">Design Price</label><br />
                        <select name="CAT_Custom_330694" id="CAT_Custom_330694" class="cat_dropdown">
                        <option value="*">-- All --</option>
                        <option value="*">-- All --</option>

                        </select></td>
                    </tr>
                    <tr>
                        <td><label for="CAT_Custom_332428">what level pay</label><br />
                        <select name="CAT_Custom_332428" id="CAT_Custom_332428" class="cat_dropdown">
                        <option value="*">-- All --</option>
                         <option value="*">-- All --</option>

                        </select></td>

                    </tr>
                    <tr>
                        <td><label for="CAT_Custom_332429">Levels</label><br />
                        <select name="CAT_Custom_332429" id="CAT_Custom_332429" class="cat_dropdown">
                        <option value="*">-- All --</option>
                        <option value="Level One">Level One</option>
                        <option value="Level Two">Level Two</option>
                        <option value="Level Three">Level Three</option>
                        </select></td>
                    </tr>
                    <tr>
                        <td><input class="cat_button" id="submit" type="submit" value="Search" /></td>
                    </tr>
                </tbody>
            </table>
        </form>

[devnull69]

First of all, there is a parentheses mismatch. The final "});" is too much. But maybe this is a copy/paste issue.

Second: There is no such thing as "element.ajax" in jQuery. It's always just $.ajax