Remplir un champ selon le clic sur un élément

bonjours vu que j'y n'y connais rien en javascript je viens sollicite votre airde voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
   <head>
     <title>Application jQuery Mobile</title>
<link rel="stylesheet" href="./jq/jquery.mobile-1.4.0.css" />
<script src="jquery.js"></script>
<script src="./jq/jquery.mobile-1.4.0.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
</head>
<body>
<style>
 
span{
margin-right:2px;
}
.pays{
color: red;
}
 
</style>
<header data-role="header"  data-theme="b">
 
<h1>liste 1</h1>
</header>
<article data-role="content">
<form class="ui-filterable">
    <input id="filterBasic-input" data-type="search">
</form>
<ul data-role="listview"  data-filter="true" data-input="#filterBasic-input" data-theme="b">
 
<li >
<div data-role="collapsible">
 
<h2><span>alsace</span><span class="pays">france</span> <a class="gene02" href="#" data-role="button" data-inline="true" data-mini="true">same</a></h2>
<p>code:3300</p>
 
</div>
</li>
<li >
<div data-role="collapsible">
 
<h2><span>paris</span><span class="pays">france</span> <a  class="gene02" href="#" data-role="button" data-inline="true" data-mini="true">same</a></h2>
<p>code:24</p>
</div>
</li>
<li >
<div data-role="collapsible">
 
<h2><span>marakeche</span><span class="pays">maroc</span> <a   class="gene02"href="#" data-role="button" data-inline="true" data-mini="true">same</a></h2>
<p>code:3300</p>
</div>
</li>
 
</ul>
 
</article>
<footer data-role="footer" data-position="fixed"  data-theme="b" >
<nav data-role="navbar">
<ul>
 
<li><a href="#" data-icon="home">home</a></li>
<li><a href="#" data-icon="grid">photo</a></li>
<li><a href="#" data-icon="info">desc</a></li>
 
</ul>
</nav>
</footer>
</body>
</html>

j'aimerai savoir si je peux créer un script pour quand je clique sur le bouton same class=''.gene02'' celui si récupère la valeur du text span class="pays" et la rentre dans le <form class="ui-filterable"> pour filtrer sur ce critere .

voila je suis vraiment un novice soyez indulgent. merci d'avance.