Object doesn't support this property or method

[gunapriyan]

Friends,

Please find my code below....

----------------------------------------------------------------------------------

<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

</script>

<script type="text/javascript">

ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
<style type="text/css">
<!--
.style1 {font-size: 14px}
.style2 {
font-size: 15px;
font-weight: bold;
color: #336600;
}
.style3 {color: #000000}
-->
</style>

<!-- Import jQuery and SimpleModal source files --....Namma J Query>-->
<script src='js/jquery.js' type='text/javascript'></script>
<script src='js/jquery.simplemodal.js' type='text/javascript'></script>
<!-- Contact Form JS and CSS files -->
<script src='js/basic.js' type='text/javascript'></script>

<link type='text/css' href='css/basic.css' rel='stylesheet' media='screen'>
<script type='text/javascript'>

$(document).ready(function () {
$('#basicModalContent').modal();
});

</script>
</head>
----------------------------------------------------------------------------------

I am facing Object doesn't support error message for the following lines,

$(document).ready(function () {
$('#basicModalContent').modal();
});

Please help me to fix it....

Thanks in advance.

Regards,

Guna