my jquery toggle function is not toggling

I’m trying to get the button to toggle between showing text in different languages. When I click the button nothing happens, can someone help out please?

HTML

    <button id="switch-lang">Switch Language</button>
    <p lang="en">eigo</p>
    <p lang="jp">en japon</p>

JS

    $(document).ready(function() {
      $('[lang="jp"]').hide();
      $(document).on('click', '#switch-language', function(){
          $('[lang="en"]').toggle();
          $('[lang="jp"]').toggle();
      });
    });