JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<div>This shows normally.</div>
<div>So does this.</div>
<div>And this.</div>
<div>But this doesn't.</div>

CSS

div {
  display: none
}

JavaScript

$(document).ready(function() {
  var divs = $('div');

  // The first three methods of showing a div work
  divs.eq(0).show();
  (divs.eq(1).show)();
  var f = function() {
    divs.eq(2).show();
  }
  f();

  // But this doesn't. Why?
  var g = divs.eq(3).show;
  g();
});