JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div class="image">
    <img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" alt="Image description" />
    <p class="caption">This is the image caption</p>
</div>

CSS

p { border: solid 1px red; text-align: center; }

JavaScript

$(window).load(function() {
  $(".image p.caption").each(function() {
    $(this).width($(this).siblings("img").width()).prependTo($(this).parent());
  });
});