How do you call functions from inside a Facebox using jQuery???

Hello,

I've created a Facebox on my site and want to call the .click(function)() to append text to all paragraphs. My code refuses to work once I put it inside the facebox...but works when on a regular html page. Is there anyone out there that could help me out? This has caused me a great deal of pain...

Here's my code:

**// Facebox and Function Script**
<script src="facebox.js" type="text/javascript"></script>
<script type="text/javascript">
  jQuery(document).ready(function($) {
    $('a[rel*=facebox]').facebox({
      loading_image : 'loading.gif',
        close_image   : 'closelabel.gif'
    }) 
  })
</script>

<script type="text/javascript">
$(document).ready(function(){
  $("input.buttonAdd").click(function(){
    $("p").append(" <b><br />Never would have thought there'd be more text!</b>");
  })
})

**// Facebox Content**
<body>
  <p> <a href="#info" rel="facebox">Practice Link</a> </p>
  <div id="info" style="display:none;">
    <h3>Facebox Window</h3>
    <p>Some Text.</p>
    <p>Even more text!</p>
    <input class="buttonAdd" type="button" value="Add"/> **//Calling .click(function()**
  </div>            
</body>

ansaurus

tags:

views:

answers:

How do you call functions from inside a Facebox using jQuery???

related questions