JSFiddle - React, Tailwind, and code Playground

HTML

<div class="rightNav right-rail sharebar sharing--fixed">
        <div class="rail-content">
          <div class="module">



      <div class="rail-content falocator " style="border-top: none; border-bottom: none; padding: 1.5rem 0 0rem;">
        <div class="rail-title">
          Manage your Wealth
        </div>
        <form method="get" target="_blank" action="https://www.morganstanleyfa.com/locator/">
          <p class="rail-description">
            Find a Financial Advisor, Branch and Private Wealth Advisor near you
          </p>


          <div class="input-wrapper">
            <label for="zip" class="visually-hidden">Enter zipcode</label>
            <input type="text" name="ZIP" id="zip" placeholder="Zip Code" maxlength="5">
            <button type="submit" value="submit" class="btn-round blue" data-analytics-button="Bankers and Scientists Band Together to Tackle Market Illiquidity-advisors-find-fa-branch">Go</button>
          </div>

          <p class="error-message">*Invalid zipcode</p>
          <p style="color: rgb(185, 185, 185); font-size: 14px; padding-top:20px;">Check the background of Our Firm and Investment Professionals on <a style="text-decoration: underline;" href="http://brokercheck.finra.org/" target="_blank">FINRA's Broker/Check</a>.</p>
        </form>
      </div>
  </div>


</div>
</div>

JavaScript

$(document).ready(function() {

if($('.rail-content falocator').length==0){
    alert("gen was found");

    if($('.rail-content rel-articles').length==0){
        alert("parthuten");
       // $('.rail-content rel-articles').css('padding-top':'300px');

  $(this).css( "padding-top", "300px");

    }

}
else{
   alert("gen was not found");
}
});