title: Inserting PHP into jQuery css()
body: <p>I'm working on a WordPress theme and I have come across a little block.  I have a small app within the theme that highlights a person's name when you click on it:</p>
  
  <p>jQuery</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
          $(".testimonial-person").click(function() {
              $(".testimonial-person").css( "background", "none");
              var tID = this.id;
              $("#" + tID).css( "background", "url('images/halftone.png') #DDD");
              $(".testimonial-text").fadeOut(100);
              $("#box-" + tID).delay(102).fadeIn(100);
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>The issue is that the <code>css()</code> line that shows a background image, that background image is actually a dynamic value - something that would look like this:</p>
  
  <pre><code>$("#" + tID).css( "background", "url('&lt;?php bloginfo('stylesheet_url'); ?&gt;/images/halftone.png' #DDD");
  </code></pre>
  
  <p>See how the quote marks contradict each other?  Does anyone know a way around this, OR a better way to call the image in WordPress?</p>