JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="js/app.js"></script>

    <body>
        <div class="grid-container centered">
            <div class="grid-100">
                <div class="contained">
                    <div class="grid-100">
                        <div class="heading">
                            <h1>Coming Soon</h1>

                            <a class="movie" href="#">Office Space</a>
                            <a class="movie" href="#">John Wick</a>

                        </div>
                    </div>
                    <ul class="data"></ul>
                </div>
            </div>
        </div>
    </body>

JavaScript

$(document).ready(function() {


 $('a').click(function (evt) {

    evt.preventDefault();
    var movie = $('.movie').html();
    var apikey = "2e0a8908";
    var url = "http://www.omdbapi.com/?i=&t="+movie+"&plot=full&apikey="+apikey;
    function displayMovies(data) {

      if(data.Response == "False"){
        $('.data').html("<p>Movie not found</p>");
      } else{

      var movieHTML = '<ul>';

      movieHTML += '<li>Title: '+data.Title+'</li>';
	  movieHTML += '<li>Release Date: '+data.Released+'</li>';
      movieHTML += '<li>Runtime: '+data.Runtime+'</li>';
      movieHTML += '<li>Plot: '+data.Plot+'</li>';
      movieHTML += '<li><img src=" http://img.omdbapi.com/?i='+data.imdbID+'&apikey='+apikey+'&h=300"/></li>';
          //get poster, set height

      movieHTML += '</ul>';
      $('.data').html(movieHTML);
    }
  }
    $.getJSON(url, displayMovies);

  }); // end click

}); // end ready