Mouse hover element in jquery
<p>I have html code like this: </p>

<pre><code>&lt;div class="tree-node" node-id="71408acd-931e-42c8-98fa-393271006cf9" style="cursor: pointer;"&gt;
&lt;span class="tree-hit tree-collapsed"&gt;&lt;/span&gt;
&lt;span class="tree-icon tree-folder icon-hospital"&gt;&lt;/span&gt;
&lt;span class="tree-checkbox tree-checkbox1"&gt;&lt;/span&gt;
&lt;span class="tree-title"&gt;
&lt;a href="/Structure/EditHospital/71408acd-931e-42c8-98fa-393271006cf9"&gt;Hospital1&lt;/a&gt;
(1/1)
&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>I would like to change cursor  when mouse hover this element, show <code>pointer</code> if  <code>&lt;span class="tree-title"&gt;</code> constainse <code>a href</code> and <code>default</code>, if no. </p>
