I have made some changes in your code and it worked..
<script type="text/javascript">
$(document).ready(function () {
$(".btn_submit1").click(function () {
$(".div_animate1").animate({ left: '250px' });
return false;
});
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<asp:Button ID="button1" runat="server" class="btn_submit1" Text="statrt" />
<p>By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="div_animate1" style="background:#98bf21;height:100px;width:100px;position:relative;">
</div>
In above your code
1. There may your are using Button id to capture button click event. Since you are using Master page there may be chances of
Unambiguity of id's of controls...
I sugests...
1.
Use class names for each controls to capture event's occur..
2. Have
unique class names for each controls...
3. Don't use tag names.. Instead use unique class names...
Ex: instead $("div").animate(); used $(".div_animate1").animate()...
...