Jquery UI modal show not working

Hello Everyone,

New to this forum and new to codeigniter. Facing following issue.

I have a view definition file which contain a link to show personal info as given below.

Code:

<div><a href="javascript:show_contact_info();">Show contact info</a></div>

THen I have the javascript function as follows:

Code:

function show_contact_info()
{
$("#emplinfo_div").modal('show');
}

Now here is the modal definition.

Code:

<div class="modal fade" id="emplinfo_div"  role="dialog" >
<div class="modal-dialog">
<div class="modal-content">
CONTACT INFORMATION OF <?php echo $firstname." ".$lastname;?>
<div class="col-md-12 ">
<div  class="col-md-12 row" style="margin-top:10px;">
<b>Email</b> : <?php echo $email;?>
</div>
<div  class="col-md-12 row" style="margin-top:10px;">
<div class="col-md-3 row"><b>Address</b>:</div>
<div class="col-md-9"><?php echo $address1.", ".$address2."<br />".$city.", ".$state."<br />".
$country." - ".$pincode;?></div>
</div>
<div  class="col-md-12 row" style="margin-top:10px;">
<b>Contact phone</b> : <?php echo $phone;?>
</div>
<div id="txt001"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">
OK
</button>
</div>
</div>
</div

Please help

Regards,
Vijay