title: Mixing Knockout with jQuery
body: <p>I'm creating a commenting system with knockout.js and I'm having some issues with getting the templating working with our existing jQuery functions.</p>
  
  <p>One example is with the dates comments are created.  I wrote a jQuery function that causes the data to turn from <code>5-5-2012</code> to <code>2 Days ago</code>. For example:</p>
  
  <pre><code>    &lt;ul data-bind="foreach: Comments"&gt;
          &lt;li data-bind="attr: { id: Id }" class="Comment"&gt;
             &lt;div data-bind="text: DateCreated" class="prettyDate"&gt;&lt;/div&gt;
             ...
          &lt;/li&gt;
      &lt;/ul&gt;
  
  
      &lt;script type="text/javascript"&gt;
            $(function(){
                $(".prettyDate").prettify();
            });
      &lt;/script&gt;
  </code></pre>
  
  <p>With this code, when I add a new comment dynamically, the date stays in the <code>5-5-2012</code> format.  There are several other custom jQuery functions that act on repeating data that is now dynamically created by knockout (usually by selecting based on classes).</p>
  
  <p>How can I apply these custom jQuery functions on dynamic data generated by knockout.js?</p>