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.
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());
});