loading JQuery UI Datepicker inside colorbox

[A.Gabri]

I`m using Colorbox to load a contact form from an external HTML file and in the form i want JQuery UI datepicker to work , both files have the datepicker script but it doesn`t seem to be working ?

$('#order').colorbox({href:'order.html'});

$('contact_date').datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true
});
[code]
<form id="contact">[/size][/font][/color]
[color="#333333"][font="Arial, Helvetica, sans-serif"][size="2"]<fieldset>[/size][/font][/color][/size][/color]
[color="#333333"][font="Arial, Helvetica, sans-serif"][size="2"]<div>
<label for="contact_name">Name</label>
<input type="text" name="contact_name" id="contact_name" />
</div>
<div>
<label for="contact_email">Email</label>
<input type="text" name="contact_email" id="contact_email"  />
</div>
<div>

<label for="contact_date">date</label>
<input type="text" name="contact_date" id="contact_date"  />
</div>							   [/size][/font][/color]
[color="#333333"][font="Arial, Helvetica, sans-serif"][size="2"]<div>
<label for="contact_textarea">Message</label>
<textarea name="contact_textarea" id="contact_textarea" cols="30" rows="10" ></textarea>
</div>
<button>Send</button>

</fieldset>
</form>

so how can i fix this ?

Note: for some reason the editor is adding some inline tags !

[Baines]

On ColorBox's website there is:

JavaScript/jQuery is not working inside of ColorBox.

This is often due to trying to access an element before it has been loaded into the document and can be resolved by moving the JavaScript into ColorBox's onComplete callback.

Example (using jQuery Forms plugin):

$('#login_window').colorbox({onComplete:function(){
    $('form#login').ajaxForm();
}});

[A.Gabri]

On ColorBox's website there is:

Example (using jQuery Forms plugin):

$('#login_window').colorbox({onComplete:function(){
    $('form#login').ajaxForm();
}});

thanks