JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<form method="get" id="filterForK2ModuleForm">
  <input type="hidden" name="option">
  <input type="hidden" name="view">
  <input type="hidden" name="task">
  <input type="hidden" name="mid">
  <input type="hidden" name="Itemid">

  <div id="filter_field_33" class="field_checkbox" style="height: 50px;">
  </div>
  <div id="filter_field_4" class="field_radio" style="height: 50px;">
  </div>
  <div id="filter_field_11" class="field_radio" style="height: 50px;">
  </div>
  <div id="filter_field_22" class="field_checkbox" style="height: 50px;">
  </div>
</form>

JavaScript

jQuery(document).ready(function() {
  var filterheight = $("#filterForK2ModuleForm div:first-of-type").height();
  alert(filterheight);
});