bootstrap data-target is not working

Question

hai all,i m going to share my code 

 

<script src="~/Scripts/jquery-1.7.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function () {

alert("hai");

$(document).on("click", "#btnedit", function () {

alert("button clicked");

----

---ajax calls

--

-- 

});

});

</script>

alerts are working fine .

 

and i m using bootstrap for pop up and bind recods from db..well that is another problem but now

 

<input type="button" id="btnedit"name="@row["OutletId"]" value="Edit" data-target="#myModal" />when i try to write like this mymodal wont works and ajax calls works fine 

 

 

and when i m using anchor tag

 

<a href="#" data-toggle="modal" data-target="#myModal" height="10" onclick="editoutlet();" id="btnedit">outlet details</a>

bootstrap is working but my ajax cals wont firing

 

im confusing totally can any one hel me out ..

 

Thanks and Regards