How to hide a div if another has no content

$(document).ready(function() {
  if (!$.trim($(".plant_profile_link").html()) == true)
    $(".plant_profile_display").hide();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="et_pb_text_inner">
  <div class="plant_profile_display">Bobo</div>
</div>
</div>
<!-- .et_pb_text -->
<div class="et_pb_module et_pb_text et_pb_text_7_tb_body  et_pb_text_align_left et_pb_bg_layout_light">


  <div class="et_pb_text_inner">
    <div class="plant_profile_link"></div>
  </div>

  <div class="et_pb_text_inner">
    <div class="plant_profile_link"></div>
  </div>