<div>
Follow up:<br />
The code works, but I have two elements (checkboxes) in the div. I have used the class / container function so I only have to write one function to manage these, but each of the checkboxes carries with them a data attribute that is requried for an ajax call. $(this) no longer refers to the checkbox clicked, but rather the div. How do I refer to the checkbox that was clicked (specifically) so I can extract that id from the data attribute?
</div>


Follow up:
The code works, but I have two elements (checkboxes) in the div. I have used the class / container function so I only have to write one function to manage these, but each of the checkboxes carries with them a data attribute that is requried for an ajax call. $(this) no longer refers to the checkbox clicked, but rather the div. How do I refer to the checkbox that was clicked (specifically) so I can extract that id from the data attribute?

<div>
Inside the click event use $(this) to target the actual clicked checkbox
</div>


Inside the click event use $(this) to target the actual clicked checkbox

<div>
<div class="content wysiwyg-content">
I have a simple link that will fire an ajax call and change a status, and I want that new status reflected (instantly) on the modal form.<br />
<br />
Problem is: when I click the link that is on the modal form (below), nothing happens.<br />
<br />

<pre><code id="code-10-28393799-1">    &lt;a title=&quot;Autoplay&quot; data-placement=&quot;top&quot; data-toggle=&quot;tooltip&quot; class=&quot;glyphicon glyphicon-stop&quot; id=&quot;autoplayStatus&quot; href=&quot;#&quot;&gt;&lt;/a&gt;</code></pre>
<br />
In $(document).ready(), I have this:<br />

<pre><code id="code-10-28393799-2">    $(&quot;#autoplayStatus&quot;).click(function(event){
            alert('test');
        })</code></pre>
<br />
Is there something I should do to ensure that jQuery can select and bind to objects on a modal form?
</div>
</div>


I have a simple link that will fire an ajax call and change a status, and I want that new status reflected (instantly) on the modal form.

Problem is: when I click the link that is on the modal form (below), nothing happens.

(CODE)

In $(document).ready(), I have this:
(CODE)

Is there something I should do to ensure that jQuery can select and bind to objects on a modal form?

jQuery code does not fire on modal forms

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.