I have this issue on modal bootstrap, where the URL cannot be loaded

Please let me know where I got wrong on why the modal is not loaded here:

<script type="text/javascript">
	function verify(frm, bttn)
		var errOut = false;
		if (!errOut) {
			$(document).ready(function() {
				$('form[data-async]').bind('click', function(e) {
					var $form = $(this);
					var $target = $($form.attr('data-target'));
						type: $form.attr('method'),
						url: $form.attr('action'),
						data: $form.serialize(),
						success: function(data) {

<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	<h1>Download Product</h1>

<div class="modal-body">
	<form method="post" action="/admin/products/productDownload.asa" data-async data-target="#modalDownloadProductActions" name="frmMain" id="frmMain" class="form-horizontal">
			<div class="control-group">
				<div class="control-label">Product</div>
				<div class="controls">
					<select id="prd_ID" name="prd_ID" class="input-xxlarge">
						<option value=""> -- select one --</option>
						<option value="1">Beer</option>
						<option value="2">Softdrink</option>
		<div class="form-actions">
			<input type="button" value="Download" onClick="verify(this.form, this);" class="btn btn-success" />
			<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<!-- <div class="modal-footer"></div> -->

<!-- Modal For Download Language Action -->
<div class="modal fade" id="modalDownloadProductActions"></div>

<script type="text/javascript">
	$.fn.modal.defaults.maxHeight = function() {
		// subtract the height of the modal header and footer
		return $(window).height() - 165;

It seems that you may not have the bootstrap files loaded.

You can get them from http://twitter.github.com/bootstrap/
The bootstrapped template should be enough to get you started.