using 2 lists rendered in javascript
<p>I'm creating a tagCloud in my web application. I've a method that renders 2 lists:</p>

<pre><code>public static void tagCloud(){
        List&lt;Topic&gt; topics = Topic.find("order by topicName asc").fetch();
        List&lt;Tutorial&gt; tutorials = Tutorial.find("order by id asc").fetch();
        List&lt;Integer&gt; topicCount = new ArrayList&lt;Integer&gt;();
        for(int i = 0; i &lt; topics.size(); i++){
            int z = 0;
            for(int j = 0; j &lt; tutorials.size(); j++){
                if (tutorials.get(j).getTopic().equals(topics.get(i))){
                    z++;
                    topicCount.add(z);

                }
            }
        }
        render (topics, topicCount);
    }
</code></pre>

<p>I want to use those 2 lists for the tagCloud in a line similar to this one:</p>

<pre><code>&lt;a href="/Topics/topicView?topicId=${topicList.id}" rel="8"&gt;${topicList.topicName.raw()}&lt;/a&gt;
</code></pre>

<p>I want to use the indexes in topicCount list to be "rel" (size of the words) and topics to be the element itself to be shown, how can i do that?</p>
