two moving divs example

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>jquery1</title>
    <style type="text/css" media="screen">
        #something {

        width: 100px;
        height: 50px;
        background-color: red;
        color: white;
        border: 4px solid black;
        margin: 100px 0 0 80px;

        }
    </style>
</head>
<body>
    <div id="something"><p>this is some text</p></div>
    <div id="something"><p>this is some more text</p></div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $('#something').animate({'margin-left': '400px'},1000);
        $('#something').animate({'margin-top': '300px'},1000);
    </script>
</body>
</html>