jQuery resize IMG with width(), height()

This is an image of flowers. This is also an image of flowers.
The jQuery Code START
    
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
      function resize() {
        $("img").width(486);
        $("img").height(365);
      }
      function resize2() {
        $("img").width(324);
        $("img").height(243);
      }
    </script>
    
    <style type="text/css">
        .code { color: red; }
        .back { background-color: yellow; }
    </style>
    
  </head>

  <body>
    <h1>jQuery resize IMG with width(), height()</h1>
    <img src="images/image1.jpg" alt="This is an image of flowers."></img>
    <img src="images/image2.jpg" alt="This is also an image of flowers."></img>
    <br />
    <form action="">
        <input type = "button" value="Resize" onclick="resize()">
        <input type = "button" value="Resize" onclick="resize2()">
    </form>