Listview - how to pass and read parameter ?

Listview - how to pass and read parameter ?

Hello

I'm new to jquery mobile. I have the following construct:
  1. <!-- Block 1-->
  2. <div data-role="page" id="bedarf">
                <div data-theme="b" data-role="header" data-position="fixed">
                    <a data-role="button" data-inline="true" data-rel="back" href="#" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Zurück</a>
                    <h3>Bedarfsanfragen</h3>
                </div>
               
                <div data-role="content">
                    <ul id="listbedarf" data-role="listview" data-filter="true" data-autodividers="false" data-inset="true" data-filter-placeholder="Suche..." data-filter-theme="d" data-theme="b">
                         <li>                          
                               <a id="bedarf_1" href="#bedarf_details?artikel=1" data-transition="slide">
                                <div style="font-size:16px !important;font-weight:bold !important;color:#555 !important">Text 1</div>
                                <div style="color:#555 !important;font-weight:normal !important">Text 2</div>                           
                            </a>
                        </li>
                       </ul>
                </div>
            </div>


  1. <!-- Block 2-->
  2. <div data-role="page" id="bedarf_details">
                <div data-theme="b" data-role="header" data-position="inline">
                    <a data-role="button" data-inline="true" data-rel="back" href="#" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Zurück</a>
                    <a data-role="button" data-inline="true" href="#" target="_top" data-icon="check" data-iconpos="left" class="ui-btn-right">Speichern</a>
                    <h3>Detailangaben</h3>
                </div>
                <div data-role="content" data-theme="b">
                    <form name="form_bedarf">
                        <input type="number" data-type="range" data-highlight="true" name="bedarf_slider" id="bedarf_slider" value="0" min="0" max="100" step="1">
                        <label for="bedarf_area" style="padding-top:30px">Kommentar:</label>
                        <textarea name="bedarf_area" id="bedarf_area" rows="2" class="bedarf_textarea"></textarea>
                    </form>
                </div>
            </div>


How can i read the parameter "artikel" in Block 2 when the user is clicking a row in Block 1 ?

Thank you and i hope that someone understand my problem.