Dropdown Not Populating From Ajax Post Call due to java script conflict

(function($){
		/* Complete jquery code must be wrapped under this function
			It is a good practice to include this complete code in a sepearte js file and include it after all other referred files in the document
			(I included this myjs.js just before </html>, or we can in the footer of file....  Programmers tend to to this for lesser conflict )
			If you are creating another seperate file better to use a another symbol in place of $ for this function
		*/

	$(document).ready(function(e) {
		//Best practice is to add this document.ready function only once in the file. 
        // get your ajax values before initializing the selectbox plugin 
        var fk_i_id = 0;	
		if(fk_i_id === 0)
		{
		$.ajax({
				 type:'post',
				 url:'../api1.php?getlist=categorya',
				 datatype: 'json',
				  data: {id:fk_i_id},

				  success: function(data){
				  var opts =  JSON.parse(data);
					 
				 $('#s2').empty();
				   $.each(opts, function(i, d) {
                     		   $('#s2').append('<option value="' + d.pk_i_id + '">' + d.s_name + '</option> ').html();
                                 });

			}

			});
		}    
         
         //  Inititalize first selectbox
         $("#s22").dropdownchecklist( { 
         	forceMultiple: true, 
         	onComplete: function(selector) {
         		var values = "";
         		for( i=0; i < selector.options.length; i++ ) {
         			if (selector.options[i].selected && (selector.options[i].value != "")) {
         				if ( values != "" ) values += ";";
         				values += selector.options[i].value;
         			}
         		}
         		alert( values );
         	}, 
         	onItemClick: function(checkbox, selector){
         		var justChecked = checkbox.prop("checked");
         		var checkCount = (justChecked) ? 1 : -1;
         		for( i = 0; i < selector.options.length; i++ ){
         			if ( selector.options[i].selected ) checkCount += 1;
         		}
         		if ( checkCount > 3 ) {
         			alert( "Limit is 3" );
         			throw "too many";
         		}

			}			
           
        });
 
        
		//  Inititalize second selectbox

        $("#s2").dropdownchecklist( {icon: {}, width: 750 } );
		
                  [embed=file 933796]
	 
});
			
})(jQuery);
// This (jQuery) callback is essential for making $ function work properly

Select allOpen in new window