2 files only one works $(document).ready(function() how to write otherwise?

Question

JavaScript

<script type="text/javascript" src="js/script.js"></script>
  <script type="text/javascript" src="js/script_cal.js"></script>

both start like this

$(document).ready(function(){
   $("#button-res").click(function(){

how to write so that the second does not block the first?

Answer 1

$(document).ready(function(){
   $("#button-res").click(function(){
         $('#someelement').trigger('vizvat1');
          $('#someelement').trigger('vizvat2');
   });
$('#someelement').bind("vizvat1', function(){
 });
$('#someelement').bind("vizvat2', function(){
 });
});