JQuery .width() 不会改变宽度

Question

I have got two divs, one img and one video, which adjusts to the size of the screen automatically. I want my image to be the same width with the video and found this code on the web ( .you is the video and .santa is the image):

<script> 
    $( window ).resize(function() {
        $(".santa").width($(".you").width());
    });            
</script>

It does not change the width though.

Answer 1

It changes the width I wrote an example here for you, to check it just resize the page splitter

<div class="santa" style="width:100px;background-color:red">
santa
  <div class="you" style="width:200px;background-color:green">
    you
  </div>
</div>

$( window ).resize(function() {
  $(".santa").width($(".you").width());
});