Javascript / JQuery no funciona hasta después de volver a cargar la página

Este código aparece en el encabezado de todas mis páginas web. Cuando hago clic en un enlace de mi sitio web, no puedo usar los botones de la página hasta después de actualizar. ¿Cómo puedo arreglar esto?

 <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

 <script type="text/javascript">
    $(document).ready(function() {
        $('.faqElement').click(function() {
            var faqElement = $(this);
            var question = faqElement.find('.faqQuestion');
            var answer = faqElement.find('.faqAnswer');
            if (!answer.hasClass('activeFaqAnswer')) {
              $('.faqElement').removeClass('flipButton');
              faqElement.addClass('flipButton');
              $('.activeFaqAnswer').css('max-height', '');
              $('.faqAnswer').removeClass('activeFaqAnswer');
              answer.css('max-height', 'none');
              answer.css('max-height', answer.height());
              answer.addClass('activeFaqAnswer');
            }
        });
      });
  </script>

Respuestas a la pregunta(2)

Su respuesta a la pregunta