Why is my javascript variable not being used properly in my function?
<p>I'm creating a site that may include multiple jQuery slideshows on a single plage.  The 3rd party slideshow code that I'm using requires that each slideshow has a unique ID that's used in the javascript and div that houses the images.</p>

<p>Currently I'm generating a random number in the  of the page:</p>

<pre><code>var postID = ((Math.random() * 1e6) | 0);)
</code></pre>

<p>and within each slideshow post, I'm incrementing postID by 1:</p>

<pre><code>postID++;
</code></pre>

<p>to avoid duplicate numbers.  However, it appears that it is not using the correct postID in the javascript function:</p>

<pre><code>$(function() {$("#" + postID).webwidget_slideshow_dot({...)})}
</code></pre>

<p>Here's a link to the site: <a href="http://mobilegamepatterns.com" rel="nofollow">http://mobilegamepatterns.com</a></p>

<p>Any help would be greatly appreciated!</p>
