Trigger from iframe to parent window

Trigger from iframe to parent window

Hello. I have this structure: 

Index.html:
  1. <html>
  2. <head>
  3. <script src="jquery-1.3.2.min.js"></script>
  4. <script>
  5. $(document).ready(function(){
  6.                             $('iframe').bind('myCustomTrigger', function() {
  7. alert('hello');
  8. });
  9. });
  10. </script>
  11. </head>
  12. <body>
  13. <iframe src="iframe_file.html" width="800px" height="600px">
  14. </iframe>
  15. </body>
  16. </html>
iframe_file.html:
  1. <html>
  2. <head>
  3. <script src="jquery-1.3.2.min.js"></script>
  4. <script>
  5. $(document).ready(function(){
  6.                             $('button_click').click(function() {
  7. $(document, parent.window.document).trigger('myCustomTrigger');
  8. });
  9. });
  10. </script>
  11. </head>
  12.     <body>
  13.         <br/>
  14.         <br/>
  15.         <input type="button" value="Click me" id="button_click">
  16.     </body>
  17. </html>

This is does not work, how I can send trigger event from iframe to parent window?